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

#9ca4fd คือ rgb(156, 164, 253) ใน RGB และ oklch(74.8% 0.12809 278.895) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ca4fd |
| RGB | rgb(156, 164, 253) |
| HSL | hsl(235.05, 96.04%, 80.2%) |
| HSB / HSV | hsv(235.05 38.34% 99.22%) |
| HWB | hwb(235.05 61.18% 0.78%) |
| CMYK | cmyk(38% 35% 0% 1%) |
| Lab | lab(69.44 13.25 -45.74) |
| LCH | lch(69.44 47.62 286.16) |
| OKLab | oklab(74.8% 0.01981 -0.12655) |
| OKLCH | oklch(74.8% 0.12809 278.895) |
| Display P3 | color(display-p3 0.61748 0.64213 0.96716) |
| Rec. 2020 | color(rec2020 0.60633 0.60814 0.95839) |
| Adobe RGB | color(a98-rgb 0.61515 0.63726 0.98026) |
| ProPhoto RGB | color(prophoto-rgb 0.63102 0.58812 0.94279) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.37124 0.98225) |
| XYZ D65 | color(xyz-d65 0.44713 0.4071 0.98434) |
| XYZ D50 | color(xyz-d50 0.42849 0.39965 0.74209) |
| SwiftUI | Color(red: 0.612, green: 0.643, blue: 0.992) |
| UIKit | UIColor(red: 0.612, green: 0.643, blue: 0.992, alpha: 1) |
| Flutter / Compose | Color(0xFF9CA4FD) |
| Android XML | #9CA4FD |

## ข้อมูล

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

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

#9ca4fd, #a5adfe, #afb7ff, #b8c0ff, #c2c9ff, #ccd2ff, #d6dbff, #e0e4ff, #eaedff, #f5f6ff

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

#9ca4fd, #878edc, #7379bc, #5f649d, #4c507f, #393d62, #282b47, #181a2d, #090a16, #010103

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

#9ca4fd, #9da5f5, #9fa7ee, #a1a8e6, #a2a9de, #a4aad6, #a6abce, #a7abc6, #a9acbe, #abadb6

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

- คู่ตรงข้าม: #9ca4fd, #c2ae42
- คู่ตรงข้ามแยก: #9ca4fd, #e29d4a, #94bd62
- ข้างเคียง: #9ca4fd, #68b3fb, #c596eb
- สามเส้า: #9ca4fd, #f28f6f, #5ac68f
- สี่เหลี่ยมผืนผ้า: #9ca4fd, #e28cc8, #c2ae42, #5ac68f
- สี่เหลี่ยมจัตุรัส: #9ca4fd, #f2899c, #c2ae42, #0fc7be
- โทนสีเดียว: #9ca4fd, #575bad, #797fd4, #c7ceff, #eff3ff

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

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

#9ca4fd เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(156, 164, 253) ใน HSL คือ hsl(235.05, 96.04%, 80.2%) และใน OKLCH คือ oklch(74.8% 0.12809 278.895)

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

สีตรงข้ามของ #9ca4fd คือ #c2ae42 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #68b3fb และ #c596eb ส่วนสีสามเส้าคือ #f28f6f และ #5ac68f

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

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

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

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