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

#9ca5eb คือ rgb(156, 165, 235) ใน RGB และ oklch(74.144% 0.10158 277.978) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ca5eb |
| RGB | rgb(156, 165, 235) |
| HSL | hsl(233.16, 66.39%, 76.67%) |
| HSB / HSV | hsv(233.16 33.62% 92.16%) |
| HWB | hwb(233.16 61.18% 7.84%) |
| CMYK | cmyk(34% 30% 0% 8%) |
| Lab | lab(69.04 9.02 -36.6) |
| LCH | lch(69.04 37.69 283.85) |
| OKLab | oklab(74.144% 0.0141 -0.10059) |
| OKLCH | oklch(74.144% 0.10158 277.978) |
| Display P3 | color(display-p3 0.61822 0.64593 0.90098) |
| Rec. 2020 | color(rec2020 0.60214 0.6106 0.88518) |
| Adobe RGB | color(a98-rgb 0.61632 0.64117 0.90968) |
| ProPhoto RGB | color(prophoto-rgb 0.6151 0.58823 0.86415) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.37626 0.83077) |
| XYZ D65 | color(xyz-d65 0.42158 0.39976 0.84095) |
| XYZ D50 | color(xyz-d50 0.40875 0.39407 0.63441) |
| SwiftUI | Color(red: 0.612, green: 0.647, blue: 0.922) |
| UIKit | UIColor(red: 0.612, green: 0.647, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF9CA5EB) |
| Android XML | #9CA5EB |

## ข้อมูล

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

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

#9ca5eb, #a5aeed, #afb7f0, #b8c0f2, #c2c9f4, #ccd2f6, #d6dbf8, #e0e4fa, #eaedfc, #f5f6fe

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

#9ca5eb, #878fcc, #7379ae, #5f6591, #4c5175, #393d5b, #282b41, #181a29, #090a13, #010103

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

#9ca5eb, #9da6e5, #9fa7df, #a0a7d8, #a2a8d2, #a3a9cc, #a5a9c5, #a6aabf, #a8aab8, #a9abb2

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

- คู่ตรงข้าม: #9ca5eb, #bcac5d
- คู่ตรงข้ามแยก: #9ca5eb, #d69f62, #99b871
- ข้างเคียง: #9ca5eb, #76b1e8, #bd9add
- สามเส้า: #9ca5eb, #e3947c, #70bf93
- สี่เหลี่ยมผืนผ้า: #9ca5eb, #d592c2, #bcac5d, #70bf93
- สี่เหลี่ยมจัตุรัส: #9ca5eb, #e3909f, #bcac5d, #51c0b7
- โทนสีเดียว: #9ca5eb, #575d9d, #7880c3, #c3ccff, #eff3ff

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

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

#9ca5eb เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(156, 165, 235) ใน HSL คือ hsl(233.16, 66.39%, 76.67%) และใน OKLCH คือ oklch(74.144% 0.10158 277.978)

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

สีตรงข้ามของ #9ca5eb คือ #bcac5d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #76b1e8 และ #bd9add ส่วนสีสามเส้าคือ #e3947c และ #70bf93

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

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

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

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