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

#9caaea คือ rgb(156, 170, 234) ใน RGB และ oklch(75.1% 0.09375 274.429) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9caaea |
| RGB | rgb(156, 170, 234) |
| HSL | hsl(229.23, 65%, 76.47%) |
| HSB / HSV | hsv(229.23 33.33% 91.76%) |
| HWB | hwb(229.23 61.18% 8.24%) |
| CMYK | cmyk(33% 27% 0% 8%) |
| Lab | lab(70.32 6.2 -34.09) |
| LCH | lch(70.32 34.65 280.31) |
| OKLab | oklab(75.1% 0.00724 -0.09347) |
| OKLCH | oklch(75.1% 0.09375 274.429) |
| Display P3 | color(display-p3 0.62197 0.66494 0.89825) |
| Rec. 2020 | color(rec2020 0.60906 0.63015 0.88241) |
| Adobe RGB | color(a98-rgb 0.62223 0.66074 0.90631) |
| ProPhoto RGB | color(prophoto-rgb 0.62111 0.60688 0.86172) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.40198 0.82279) |
| XYZ D65 | color(xyz-d65 0.42934 0.41757 0.83642) |
| XYZ D50 | color(xyz-d50 0.41752 0.41202 0.6312) |
| SwiftUI | Color(red: 0.612, green: 0.667, blue: 0.918) |
| UIKit | UIColor(red: 0.612, green: 0.667, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF9CAAEA) |
| Android XML | #9CAAEA |

## ข้อมูล

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

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

#9caaea, #a5b2ed, #afbbef, #b9c3f1, #c2ccf4, #ccd4f6, #d6ddf8, #e0e5fa, #eaeefc, #f5f6fd

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

#9caaea, #8793cb, #737dae, #5f6891, #4c5375, #393f5a, #282d41, #181b29, #090b13, #010103

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

#9caaea, #9eabe4, #9fabde, #a1acd9, #a3acd3, #a5adcd, #a7adc7, #a8adc1, #aaaebb, #acaeb4

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

- คู่ตรงข้าม: #9caaea, #c1ae67
- คู่ตรงข้ามแยก: #9caaea, #d8a26e, #a1b976
- ข้างเคียง: #9caaea, #7ab5e6, #bba0df
- สามเส้า: #9caaea, #e39986, #7dc094
- สี่เหลี่ยมผืนผ้า: #9caaea, #d398c6, #c1ae67, #7dc094
- สี่เหลี่ยมจัตุรัส: #9caaea, #e195a7, #c1ae67, #61c2b5
- โทนสีเดียว: #9caaea, #56619c, #7885c2, #c3d1ff, #eef4ff

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

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

#9caaea เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(156, 170, 234) ใน HSL คือ hsl(229.23, 65%, 76.47%) และใน OKLCH คือ oklch(75.1% 0.09375 274.429)

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

สีตรงข้ามของ #9caaea คือ #c1ae67 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7ab5e6 และ #bba0df ส่วนสีสามเส้าคือ #e39986 และ #7dc094

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

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

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

#9caaea เป็นสีโทนเย็น ใน OKLCH มีฮิว 274 องศา ความสว่าง 75.1% และความสด 0.094