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

#9ca2d4 คือ rgb(156, 162, 212) ใน RGB และ oklch(72.542% 0.07284 279.091) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ca2d4 |
| RGB | rgb(156, 162, 212) |
| HSL | hsl(233.57, 39.44%, 72.16%) |
| HSB / HSV | hsv(233.57 26.42% 83.14%) |
| HWB | hwb(233.57 61.18% 16.86%) |
| CMYK | cmyk(26% 24% 0% 17%) |
| Lab | lab(67.49 6.15 -26.4) |
| LCH | lch(67.49 27.1 283.11) |
| OKLab | oklab(72.542% 0.01151 -0.07193) |
| OKLCH | oklch(72.542% 0.07284 279.091) |
| Display P3 | color(display-p3 0.61603 0.63453 0.816) |
| Rec. 2020 | color(rec2020 0.59143 0.59718 0.79165) |
| Adobe RGB | color(a98-rgb 0.61284 0.62945 0.81989) |
| ProPhoto RGB | color(prophoto-rgb 0.59081 0.57285 0.76534) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.36131 0.65837) |
| XYZ D65 | color(xyz-d65 0.38512 0.37662 0.6753) |
| XYZ D50 | color(xyz-d50 0.37833 0.37289 0.50985) |
| SwiftUI | Color(red: 0.612, green: 0.635, blue: 0.831) |
| UIKit | UIColor(red: 0.612, green: 0.635, blue: 0.831, alpha: 1) |
| Flutter / Compose | Color(0xFF9CA2D4) |
| Android XML | #9CA2D4 |

## ข้อมูล

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

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

#9ca2d4, #a5abd9, #afb4dd, #b9bde1, #c2c7e6, #ccd0ea, #d6d9ee, #e0e3f3, #eaecf7, #f5f5fb

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

#9ca2d4, #878cb8, #73779d, #5f6383, #4c4f69, #393c51, #282a3a, #181924, #090a10, #010102

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

#9ca2d4, #9da3d0, #9ea3cb, #9fa4c7, #a0a4c2, #a1a4bd, #a2a5b9, #a3a5b4, #a4a5b0, #a5a6ab

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

- คู่ตรงข้าม: #9ca2d4, #b1a872
- คู่ตรงข้ามแยก: #9ca2d4, #c59e74, #98b07f
- ข้างเคียง: #9ca2d4, #83abd3, #b49ac9
- สามเส้า: #9ca2d4, #cf9785, #7eb596
- สี่เหลี่ยมผืนผ้า: #9ca2d4, #c695b5, #b1a872, #7eb596
- สี่เหลี่ยมจัตุรัส: #9ca2d4, #cf949d, #b1a872, #6eb5b0
- โทนสีเดียว: #9ca2d4, #565b88, #787dad, #c1c8fc, #eef2ff

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

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

#9ca2d4 เป็นโทนตุ่น เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีคราม ใน RGB คือ rgb(156, 162, 212) ใน HSL คือ hsl(233.57, 39.44%, 72.16%) และใน OKLCH คือ oklch(72.542% 0.07284 279.091)

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

สีตรงข้ามของ #9ca2d4 คือ #b1a872 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #83abd3 และ #b49ac9 ส่วนสีสามเส้าคือ #cf9785 และ #7eb596

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

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

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

#9ca2d4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 72.5% และความสด 0.073