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

#9ecbf0 คือ rgb(158, 203, 240) ใน RGB และ oklch(82.301% 0.07063 243.561) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ecbf0 |
| RGB | rgb(158, 203, 240) |
| HSL | hsl(207.07, 73.21%, 78.04%) |
| HSB / HSV | hsv(207.07 34.17% 94.12%) |
| HWB | hwb(207.07 61.96% 5.88%) |
| CMYK | cmyk(34% 15% 0% 6%) |
| Lab | lab(79.44 -8.7 -23.41) |
| LCH | lch(79.44 24.97 249.62) |
| OKLab | oklab(82.301% -0.03145 -0.06324) |
| OKLCH | oklch(82.301% 0.07063 243.561) |
| Display P3 | color(display-p3 0.65552 0.79103 0.92728) |
| Rec. 2020 | color(rec2020 0.66733 0.7628 0.91626) |
| Adobe RGB | color(a98-rgb 0.67012 0.79104 0.93376) |
| ProPhoto RGB | color(prophoto-rgb 0.68087 0.73874 0.90177) |
| sRGB เชิงเส้น | color(srgb-linear 0.34191 0.5972 0.87137) |
| XYZ D65 | color(xyz-d65 0.51182 0.56271 0.90606) |
| XYZ D50 | color(xyz-d50 0.50378 0.55702 0.68498) |
| SwiftUI | Color(red: 0.62, green: 0.796, blue: 0.941) |
| UIKit | UIColor(red: 0.62, green: 0.796, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFF9ECBF0) |
| Android XML | #9ECBF0 |

## ข้อมูล

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

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

#9ecbf0, #a8d0f2, #b2d5f3, #bbdbf5, #c5e0f7, #cfe5f8, #d8eafa, #e2effb, #ecf5fc, #f5fafe

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

#9ecbf0, #89b0d1, #7496b2, #607d95, #4d6578, #3a4d5d, #293743, #18222a, #090f14, #010203

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

#9ecbf0, #a2cbec, #a6cae8, #aac9e3, #aec9df, #b2c8db, #b6c8d6, #bac7d2, #bec6ce, #c1c6c9

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

- คู่ตรงข้าม: #9ecbf0, #e6bc96
- คู่ตรงข้ามแยก: #9ecbf0, #efb5a8, #d4c591
- ข้างเคียง: #9ecbf0, #8fd2e1, #b6c3f4
- สามเส้า: #9ecbf0, #eeb3c0, #bccd9b
- สี่เหลี่ยมผืนผ้า: #9ecbf0, #cebaeb, #e6bc96, #bccd9b
- สี่เหลี่ยมจัตุรัส: #9ecbf0, #e2b5d9, #e6bc96, #a2d3b0
- โทนสีเดียว: #9ecbf0, #5680a2, #79a5c8, #cff1ff, #e0f9ff

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

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

#9ecbf0 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(158, 203, 240) ใน HSL คือ hsl(207.07, 73.21%, 78.04%) และใน OKLCH คือ oklch(82.301% 0.07063 243.561)

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

สีตรงข้ามของ #9ecbf0 คือ #e6bc96 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8fd2e1 และ #b6c3f4 ส่วนสีสามเส้าคือ #eeb3c0 และ #bccd9b

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

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

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

#9ecbf0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 244 องศา ความสว่าง 82.3% และความสด 0.071