# สี #9ea4c8: โทนตุ่น เฉดอ่อนของสีคราม

#9ea4c8 คือ rgb(158, 164, 200) ใน RGB และ oklch(72.626% 0.05261 277.584) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ea4c8 |
| RGB | rgb(158, 164, 200) |
| HSL | hsl(231.43, 27.63%, 70.2%) |
| HSB / HSV | hsv(231.43 21% 78.43%) |
| HWB | hwb(231.43 61.96% 21.57%) |
| CMYK | cmyk(21% 18% 0% 22%) |
| Lab | lab(67.82 3.59 -19.29) |
| LCH | lch(67.82 19.62 280.56) |
| OKLab | oklab(72.626% 0.00694 -0.05215) |
| OKLCH | oklch(72.626% 0.05261 277.584) |
| Display P3 | color(display-p3 0.62387 0.64237 0.77272) |
| Rec. 2020 | color(rec2020 0.59639 0.60479 0.74451) |
| Adobe RGB | color(a98-rgb 0.62063 0.63726 0.77389) |
| ProPhoto RGB | color(prophoto-rgb 0.5882 0.57918 0.7169) |
| sRGB เชิงเส้น | color(srgb-linear 0.34191 0.37124 0.57758) |
| XYZ D65 | color(xyz-d65 0.37799 0.3799 0.59987) |
| XYZ D50 | color(xyz-d50 0.37472 0.37722 0.45325) |
| SwiftUI | Color(red: 0.62, green: 0.643, blue: 0.784) |
| UIKit | UIColor(red: 0.62, green: 0.643, blue: 0.784, alpha: 1) |
| Flutter / Compose | Color(0xFF9EA4C8) |
| Android XML | #9EA4C8 |

## ข้อมูล

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

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

#9ea4c8, #a7adce, #b1b6d3, #babfd9, #c4c8de, #cdd1e4, #d7dae9, #e1e3ef, #ebecf4, #f5f6fa

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

#9ea4c8, #898eae, #747994, #60647b, #4d5063, #3a3d4c, #292b36, #181a21, #090a0f, #010102

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

#9ea4c8, #9fa4c5, #a0a5c1, #a0a5be, #a1a5bb, #a2a5b7, #a3a6b4, #a4a6b1, #a5a6ad, #a5a6aa

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

- คู่ตรงข้าม: #9ea4c8, #afa782
- คู่ตรงข้ามแยก: #9ea4c8, #bda184, #9dad8a
- ข้างเคียง: #9ea4c8, #8daac6, #af9ec1
- สามเส้า: #9ea4c8, #c59c8f, #8cb19a
- สี่เหลี่ยมผืนผ้า: #9ea4c8, #bd9ab2, #afa782, #8cb19a
- สี่เหลี่ยมจัตุรัส: #9ea4c8, #c599a0, #afa782, #81b2ac
- โทนสีเดียว: #9ea4c8, #585d7d, #7a80a2, #c4caef, #edf2ff

## คำถามเกี่ยวกับ #9ea4c8

### #9ea4c8 คือสีอะไร

#9ea4c8 เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(158, 164, 200) ใน HSL คือ hsl(231.43, 27.63%, 70.2%) และใน OKLCH คือ oklch(72.626% 0.05261 277.584)

### สีอะไรเข้ากับ #9ea4c8

สีตรงข้ามของ #9ea4c8 คือ #afa782 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8daac6 และ #af9ec1 ส่วนสีสามเส้าคือ #c59c8f และ #8cb19a

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

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

### #9ea4c8 เป็นสีโทนร้อนหรือโทนเย็น

#9ea4c8 เป็นสีโทนเย็น ใน OKLCH มีฮิว 278 องศา ความสว่าง 72.6% และความสด 0.053