# สี #646ea3: โทนหม่น สีคราม

#646ea3 คือ rgb(100, 110, 163) ใน RGB และ oklch(55.213% 0.08344 275.162) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

แหล่งที่มา: https://pickshade.com/th/color/646ea3

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #646ea3 |
| RGB | rgb(100, 110, 163) |
| HSL | hsl(230.48, 25.51%, 51.57%) |
| HSB / HSV | hsv(230.48 38.65% 63.92%) |
| HWB | hwb(230.48 39.22% 36.08%) |
| CMYK | cmyk(39% 33% 0% 36%) |
| Lab | lab(47.28 6.52 -30.14) |
| LCH | lch(47.28 30.84 282.2) |
| OKLab | oklab(55.213% 0.00751 -0.0831) |
| OKLCH | oklch(55.213% 0.08344 275.162) |
| Display P3 | color(display-p3 0.39947 0.43014 0.62373) |
| Rec. 2020 | color(rec2020 0.36482 0.37763 0.58064) |
| Adobe RGB | color(a98-rgb 0.40306 0.42955 0.6265) |
| ProPhoto RGB | color(prophoto-rgb 0.37416 0.36008 0.54691) |
| sRGB เชิงเส้น | color(srgb-linear 0.12744 0.15593 0.36625) |
| XYZ D65 | color(xyz-d65 0.17441 0.16505 0.36918) |
| XYZ D50 | color(xyz-d50 0.16803 0.16234 0.27845) |
| SwiftUI | Color(red: 0.392, green: 0.431, blue: 0.639) |
| UIKit | UIColor(red: 0.392, green: 0.431, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF646EA3) |
| Android XML | #646EA3 |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนหม่น สีคราม
- กลุ่มสี: สีคราม, โทนหม่น สีคราม
- คลาส Tailwind ที่ใกล้ที่สุด: slate-500
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 4.88:1
- คอนทราสต์กับสีดำ: 4.3:1

## สีผสมขาว (Tint)

#646ea3, #727cac, #818ab6, #8f98bf, #9fa6c8, #aeb5d1, #bec3db, #ced2e4, #dee1ed, #eef0f6

## สีผสมดำ (Shade)

#646ea3, #565f8d, #485078, #3b4163, #2e334f, #22263c, #16192a, #0b0e19, #03040a, #000101

## สีผสมเทา (Tone)

#646ea3, #656f9e, #676f9a, #687095, #697090, #6b718b, #6c7186, #6e7181, #6f727c, #717277

## ชุดสีที่เข้ากัน

- คู่ตรงข้าม: #646ea3, #817234
- คู่ตรงข้ามแยก: #646ea3, #94683b, #677b43
- ข้างเคียง: #646ea3, #4677a0, #7e6599
- สามเส้า: #646ea3, #9d6050, #47815d
- สี่เหลี่ยมผืนผ้า: #646ea3, #915f85, #817234, #47815d
- สี่เหลี่ยมจัตุรัส: #646ea3, #9b5d6b, #817234, #298279
- โทนสีเดียว: #646ea3, #262b5a, #434c7e, #8792ca, #abb7f1

## คำถามเกี่ยวกับ #646ea3

### #646ea3 คือสีอะไร

#646ea3 เป็นโทนหม่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น สีคราม ใน RGB คือ rgb(100, 110, 163) ใน HSL คือ hsl(230.48, 25.51%, 51.57%) และใน OKLCH คือ oklch(55.213% 0.08344 275.162)

### สีอะไรเข้ากับ #646ea3

สีตรงข้ามของ #646ea3 คือ #817234 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4677a0 และ #7e6599 ส่วนสีสามเส้าคือ #9d6050 และ #47815d

### ตัวอักษรสีขาวหรือสีดำอ่านง่ายกว่าบน #646ea3

ตัวอักษรสีขาวอ่านง่ายกว่าบน #646ea3: สีขาวให้อัตราคอนทราสต์ 4.88:1 และสีดำให้ 4.3:1 เกณฑ์ WCAG AA กำหนดให้ข้อความเนื้อหามีอย่างน้อย 4.5:1

### #646ea3 เป็นสีโทนร้อนหรือโทนเย็น

#646ea3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 275 องศา ความสว่าง 55.2% และความสด 0.083