# สี #9eccf5: โทนพาสเทล เฉดอ่อนของสีฟ้า

#9eccf5 คือ rgb(158, 204, 245) ใน RGB และ oklch(82.702% 0.07553 245.784) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9eccf5 |
| RGB | rgb(158, 204, 245) |
| HSL | hsl(208.28, 81.31%, 79.02%) |
| HSB / HSV | hsv(208.28 35.51% 96.08%) |
| HWB | hwb(208.28 61.96% 3.92%) |
| CMYK | cmyk(36% 17% 0% 4%) |
| Lab | lab(79.86 -8.22 -25.44) |
| LCH | lch(79.86 26.74 252.09) |
| OKLab | oklab(82.702% -0.03098 -0.06888) |
| OKLCH | oklch(82.702% 0.07553 245.784) |
| Display P3 | color(display-p3 0.65642 0.79485 0.94573) |
| Rec. 2020 | color(rec2020 0.67039 0.76716 0.9367) |
| Adobe RGB | color(a98-rgb 0.6715 0.79502 0.9534) |
| ProPhoto RGB | color(prophoto-rgb 0.68693 0.74366 0.92382) |
| sRGB เชิงเส้น | color(srgb-linear 0.34191 0.60383 0.9131) |
| XYZ D65 | color(xyz-d65 0.52172 0.57046 0.94651) |
| XYZ D50 | color(xyz-d50 0.51231 0.5643 0.71542) |
| SwiftUI | Color(red: 0.62, green: 0.8, blue: 0.961) |
| UIKit | UIColor(red: 0.62, green: 0.8, blue: 0.961, alpha: 1) |
| Flutter / Compose | Color(0xFF9ECCF5) |
| Android XML | #9ECCF5 |

## ข้อมูล

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

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

#9eccf5, #a8d1f6, #b2d6f7, #bbdbf9, #c5e1fa, #cfe6fb, #d8ebfc, #e2f0fd, #ecf5fd, #f5fafe

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

#9eccf5, #89b1d5, #7497b6, #607e98, #4d657b, #3a4e5f, #293744, #18222b, #090f15, #010203

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

#9eccf5, #a2ccf0, #a7cbec, #abcbe7, #afcae3, #b3c9de, #b7c9d9, #bbc8d5, #bfc8d0, #c2c7cb

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

- คู่ตรงข้าม: #9eccf5, #e9bd92
- คู่ตรงข้ามแยก: #9eccf5, #f3b6a5, #d5c78e
- ข้างเคียง: #9eccf5, #8cd3e6, #b8c3f8
- สามเส้า: #9eccf5, #f2b2bf, #bad09a
- สี่เหลี่ยมผืนผ้า: #9eccf5, #d2baee, #e9bd92, #bad09a
- สี่เหลี่ยมจัตุรัส: #9eccf5, #e6b4d9, #e9bd92, #9fd6b2
- โทนสีเดียว: #9eccf5, #5681a7, #79a6cd, #d3f2ff, #e1f8ff

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

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

#9eccf5 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(158, 204, 245) ใน HSL คือ hsl(208.28, 81.31%, 79.02%) และใน OKLCH คือ oklch(82.702% 0.07553 245.784)

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

สีตรงข้ามของ #9eccf5 คือ #e9bd92 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8cd3e6 และ #b8c3f8 ส่วนสีสามเส้าคือ #f2b2bf และ #bad09a

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

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

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

#9eccf5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 246 องศา ความสว่าง 82.7% และความสด 0.076