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

#9faff5 คือ rgb(159, 175, 245) ใน RGB และ oklch(76.803% 0.10214 273.877) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9faff5 |
| RGB | rgb(159, 175, 245) |
| HSL | hsl(228.84, 81.13%, 79.22%) |
| HSB / HSV | hsv(228.84 35.1% 96.08%) |
| HWB | hwb(228.84 62.35% 3.92%) |
| CMYK | cmyk(35% 29% 0% 4%) |
| Lab | lab(72.22 6.7 -37.1) |
| LCH | lch(72.22 37.7 280.24) |
| OKLab | oklab(76.803% 0.00691 -0.1019) |
| OKLCH | oklch(76.803% 0.10214 273.877) |
| Display P3 | color(display-p3 0.63526 0.68431 0.93974) |
| Rec. 2020 | color(rec2020 0.6271 0.65147 0.9285) |
| Adobe RGB | color(a98-rgb 0.63634 0.68035 0.94992) |
| ProPhoto RGB | color(prophoto-rgb 0.64439 0.62915 0.9116) |
| sRGB เชิงเส้น | color(srgb-linear 0.3467 0.42869 0.9131) |
| XYZ D65 | color(xyz-d65 0.46107 0.44623 0.92573) |
| XYZ D50 | color(xyz-d50 0.44694 0.43981 0.69849) |
| SwiftUI | Color(red: 0.624, green: 0.686, blue: 0.961) |
| UIKit | UIColor(red: 0.624, green: 0.686, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF9FAFF5) |
| Android XML | #9FAFF5 |

## ข้อมูล

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

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

#9faff5, #a8b7f6, #b1bff8, #bbc7f9, #c4cffa, #ced7fb, #d7dffc, #e1e7fd, #ebeffe, #f5f7ff

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

#9faff5, #8a98d5, #7581b6, #616b98, #4d567b, #3b415f, #292e44, #181c2b, #090b15, #010103

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

#9faff5, #a1b0ef, #a3b0e8, #a5b1e2, #a7b1db, #a9b2d5, #abb2ce, #adb3c8, #afb3c1, #b1b3ba

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

- คู่ตรงข้าม: #9faff5, #c9b364
- คู่ตรงข้ามแยก: #9faff5, #e1a66d, #a6bf75
- ข้างเคียง: #9faff5, #79bbf0, #c1a3e9
- สามเส้า: #9faff5, #ed9c88, #7ec796
- สี่เหลี่ยมผืนผ้า: #9faff5, #dc9bcf, #c9b364, #7ec796
- สี่เหลี่ยมจัตุรัส: #9faff5, #eb98ac, #c9b364, #5cc9bb
- โทนสีเดียว: #9faff5, #5966a6, #7b8acd, #cad7ff, #edf4ff

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

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

#9faff5 เป็นโทนสด เฉดอ่อนของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีคราม ใน RGB คือ rgb(159, 175, 245) ใน HSL คือ hsl(228.84, 81.13%, 79.22%) และใน OKLCH คือ oklch(76.803% 0.10214 273.877)

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

สีตรงข้ามของ #9faff5 คือ #c9b364 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #79bbf0 และ #c1a3e9 ส่วนสีสามเส้าคือ #ed9c88 และ #7ec796

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

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

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

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