# สี #9cdfe4: โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว

#9cdfe4 คือ rgb(156, 223, 228) ใน RGB และ oklch(86.071% 0.0675 201.85) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #9cdfe4 |
| RGB | rgb(156, 223, 228) |
| HSL | hsl(184.17, 57.14%, 75.29%) |
| HSB / HSV | hsv(184.17 31.58% 89.41%) |
| HWB | hwb(184.17 61.18% 10.59%) |
| CMYK | cmyk(32% 2% 0% 11%) |
| Lab | lab(84.48 -20.95 -9.58) |
| LCH | lch(84.48 23.03 204.58) |
| OKLab | oklab(86.071% -0.06265 -0.02512) |
| OKLCH | oklch(86.071% 0.0675 201.85) |
| Display P3 | color(display-p3 0.6685 0.86741 0.88884) |
| Rec. 2020 | color(rec2020 0.6946 0.84318 0.87528) |
| Adobe RGB | color(a98-rgb 0.69409 0.87092 0.89018) |
| ProPhoto RGB | color(prophoto-rgb 0.70178 0.81966 0.86102) |
| sRGB เชิงเส้น | color(srgb-linear 0.33245 0.73791 0.77582) |
| XYZ D65 | color(xyz-d65 0.54099 0.65443 0.83183) |
| XYZ D50 | color(xyz-d50 0.54018 0.65 0.63028) |
| SwiftUI | Color(red: 0.612, green: 0.875, blue: 0.894) |
| UIKit | UIColor(red: 0.612, green: 0.875, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF9CDFE4) |
| Android XML | #9CDFE4 |

## ข้อมูล

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

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

#9cdfe4, #a7e2e7, #b1e6e9, #bbe9ec, #c5ecef, #cfeff2, #d9f2f4, #e2f6f7, #ecf9fa, #f6fcfc

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

#9cdfe4, #87c2c6, #73a5a9, #5f8a8d, #4c6f72, #395658, #283d3f, #182728, #091212, #010203

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

#9cdfe4, #a2dee2, #a8dce0, #aedbde, #b3dadc, #b9d8db, #bed7d9, #c3d5d7, #c8d4d5, #ccd3d3

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

- คู่ตรงข้าม: #9cdfe4, #fbc0be
- คู่ตรงข้ามแยก: #9cdfe4, #f5c0d6, #f6c6a9
- ข้างเคียง: #9cdfe4, #a4e0cc, #a5daf6
- สามเส้า: #9cdfe4, #e7c3ec, #e8ce9f
- สี่เหลี่ยมผืนผ้า: #9cdfe4, #b9d2fe, #fbc0be, #e8ce9f
- สี่เหลี่ยมจัตุรัส: #9cdfe4, #d1cafb, #fbc0be, #d2d6a3
- โทนสีเดียว: #9cdfe4, #519398, #76b8bd, #bfffff, #bfffff

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

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

#9cdfe4 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(156, 223, 228) ใน HSL คือ hsl(184.17, 57.14%, 75.29%) และใน OKLCH คือ oklch(86.071% 0.0675 201.85)

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

สีตรงข้ามของ #9cdfe4 คือ #fbc0be หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a4e0cc และ #a5daf6 ส่วนสีสามเส้าคือ #e7c3ec และ #e8ce9f

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

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

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

#9cdfe4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 202 องศา ความสว่าง 86.1% และความสด 0.068