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

#9ccef2 คือ rgb(156, 206, 242) ใน RGB และ oklch(82.893% 0.07279 240.037) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9ccef2 |
| RGB | rgb(156, 206, 242) |
| HSL | hsl(205.12, 76.79%, 78.04%) |
| HSB / HSV | hsv(205.12 35.54% 94.9%) |
| HWB | hwb(205.12 61.18% 5.1%) |
| CMYK | cmyk(36% 15% 0% 5%) |
| Lab | lab(80.19 -10.35 -23.36) |
| LCH | lch(80.19 25.55 246.09) |
| OKLab | oklab(82.893% -0.03635 -0.06306) |
| OKLCH | oklch(82.893% 0.07279 240.037) |
| Display P3 | color(display-p3 0.65227 0.80231 0.93518) |
| Rec. 2020 | color(rec2020 0.66838 0.77464 0.92517) |
| Adobe RGB | color(a98-rgb 0.66933 0.80298 0.94196) |
| ProPhoto RGB | color(prophoto-rgb 0.68383 0.7507 0.91169) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.61721 0.88792) |
| XYZ D65 | color(xyz-d65 0.51806 0.5762 0.92399) |
| XYZ D50 | color(xyz-d50 0.50973 0.57026 0.69861) |
| SwiftUI | Color(red: 0.612, green: 0.808, blue: 0.949) |
| UIKit | UIColor(red: 0.612, green: 0.808, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFF9CCEF2) |
| Android XML | #9CCEF2 |

## ข้อมูล

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

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

#9ccef2, #a6d3f3, #b0d8f5, #baddf6, #c4e2f8, #cee7f9, #d8ecfa, #e2f0fc, #ebf5fd, #f5fafe

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

#9ccef2, #87b3d2, #7398b4, #5f7f96, #4c6679, #394e5e, #283843, #18232b, #090f14, #010203

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

#9ccef2, #a1cdee, #a5cdea, #aacce5, #aecbe1, #b3cbdd, #b7cad8, #bbc9d4, #bfc8d0, #c3c8cb

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

- คู่ตรงข้าม: #9ccef2, #ebbc98
- คู่ตรงข้ามแยก: #9ccef2, #f3b6ab, #d9c691
- ข้างเคียง: #9ccef2, #8ed4e1, #b4c5f7
- สามเส้า: #9ccef2, #f0b4c5, #c0cf99
- สี่เหลี่ยมผืนผ้า: #9ccef2, #cebdf0, #ebbc98, #c0cf99
- สี่เหลี่ยมจัตุรัส: #9ccef2, #e3b6de, #ebbc98, #a6d5ae
- โทนสีเดียว: #9ccef2, #5383a4, #77a8ca, #d1f4ff, #def9ff

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

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

#9ccef2 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(156, 206, 242) ใน HSL คือ hsl(205.12, 76.79%, 78.04%) และใน OKLCH คือ oklch(82.893% 0.07279 240.037)

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

สีตรงข้ามของ #9ccef2 คือ #ebbc98 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8ed4e1 และ #b4c5f7 ส่วนสีสามเส้าคือ #f0b4c5 และ #c0cf99

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

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

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

#9ccef2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 240 องศา ความสว่าง 82.9% และความสด 0.073