# สี #cafaee: โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด

#cafaee คือ rgb(202, 250, 238) ใน RGB และ oklch(94.846% 0.05156 178.217) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #cafaee |
| RGB | rgb(202, 250, 238) |
| HSL | hsl(165, 82.76%, 88.63%) |
| HSB / HSV | hsv(165 19.2% 98.04%) |
| HWB | hwb(165 79.22% 1.96%) |
| CMYK | cmyk(19% 0% 5% 2%) |
| Lab | lab(94.68 -17.63 0.45) |
| LCH | lch(94.68 17.64 178.53) |
| OKLab | oklab(94.846% -0.05154 0.0016) |
| OKLCH | oklch(94.846% 0.05156 178.217) |
| Display P3 | color(display-p3 0.82975 0.9749 0.93468) |
| Rec. 2020 | color(rec2020 0.85034 0.96446 0.92762) |
| Adobe RGB | color(a98-rgb 0.84735 0.97973 0.9333) |
| ProPhoto RGB | color(prophoto-rgb 0.85129 0.95311 0.92106) |
| sRGB เชิงเส้น | color(srgb-linear 0.59062 0.95597 0.85499) |
| XYZ D65 | color(xyz-d65 0.73972 0.87099 0.93806) |
| XYZ D50 | color(xyz-d50 0.74807 0.86856 0.71158) |
| SwiftUI | Color(red: 0.792, green: 0.98, blue: 0.933) |
| UIKit | UIColor(red: 0.792, green: 0.98, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFFCAFAEE) |
| Android XML | #CAFAEE |

## ข้อมูล

- ชื่อที่ใกล้ที่สุด: โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด
- กลุ่มสี: สีเขียวหัวเป็ด, โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด
- คลาส Tailwind ที่ใกล้ที่สุด: teal-100
- ขอบเขตสี: อยู่ใน sRGB: แสดงเหมือนกันบนทุกหน้าจอ
- คอนทราสต์กับสีขาว: 1.14:1
- คอนทราสต์กับสีดำ: 18.42:1

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

#cafaee, #d0fbf0, #d5fbf1, #dbfcf3, #e0fcf5, #e5fdf6, #eafdf8, #f0fefa, #f5fefc, #fafffd

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

#cafaee, #afd9cf, #95bab1, #7c9b93, #647d77, #4d615c, #374642, #222d2a, #0f1514, #020303

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

#cafaee, #cef9ee, #d2f8ee, #d5f6ee, #d9f5ee, #ddf4ee, #e0f3ee, #e4f2ee, #e7f0ee, #eaefee

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

- คู่ตรงข้าม: #cafaee, #ffe0ee
- คู่ตรงข้ามแยก: #cafaee, #ffe2ff, #ffe3dc
- ข้างเคียง: #cafaee, #d8f8db, #c7f8ff
- สามเส้า: #cafaee, #f2e7ff, #ffe6cd
- สี่เหลี่ยมผืนผ้า: #cafaee, #cff4ff, #ffe0ee, #ffe6cd
- สี่เหลี่ยมจัตุรัส: #cafaee, #e1eeff, #ffe0ee, #fcedc7
- โทนสีเดียว: #cafaee, #7eaca1, #a3d2c7, #d1fff5, #d1fff5

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

### #cafaee คือสีอะไร

#cafaee เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(202, 250, 238) ใน HSL คือ hsl(165, 82.76%, 88.63%) และใน OKLCH คือ oklch(94.846% 0.05156 178.217)

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

สีตรงข้ามของ #cafaee คือ #ffe0ee หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #d8f8db และ #c7f8ff ส่วนสีสามเส้าคือ #f2e7ff และ #ffe6cd

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

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

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

#cafaee เป็นสีโทนเย็น ใน OKLCH มีฮิว 178 องศา ความสว่าง 94.8% และความสด 0.052
