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

#cceaf2 คือ rgb(204, 234, 242) ใน RGB และ oklch(91.775% 0.03332 215.587) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #cceaf2 |
| RGB | rgb(204, 234, 242) |
| HSL | hsl(192.63, 59.37%, 87.45%) |
| HSB / HSV | hsv(192.63 15.7% 94.9%) |
| HWB | hwb(192.63 80% 5.1%) |
| CMYK | cmyk(16% 3% 0% 5%) |
| Lab | lab(90.69 -8.96 -7.38) |
| LCH | lch(90.69 11.61 219.48) |
| OKLab | oklab(91.775% -0.0271 -0.01939) |
| OKLCH | oklch(91.775% 0.03332 215.587) |
| Display P3 | color(display-p3 0.82252 0.91406 0.9445) |
| Rec. 2020 | color(rec2020 0.82987 0.89966 0.93724) |
| Adobe RGB | color(a98-rgb 0.83137 0.91512 0.94608) |
| ProPhoto RGB | color(prophoto-rgb 0.83064 0.8853 0.92877) |
| sRGB เชิงเส้น | color(srgb-linear 0.60383 0.82279 0.88792) |
| XYZ D65 | color(xyz-d65 0.70348 0.78093 0.95374) |
| XYZ D50 | color(xyz-d50 0.70725 0.77802 0.72235) |
| SwiftUI | Color(red: 0.8, green: 0.918, blue: 0.949) |
| UIKit | UIColor(red: 0.8, green: 0.918, blue: 0.949, alpha: 1) |
| Flutter / Compose | Color(0xFFCCEAF2) |
| Android XML | #CCEAF2 |

## ข้อมูล

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

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

#cceaf2, #d1ecf3, #d6eef5, #dbf0f6, #e1f2f7, #e6f5f9, #ebf7fa, #f0f9fb, #f5fbfc, #fafdfe

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

#cceaf2, #b1cbd2, #97aeb4, #7e9196, #657579, #4e5a5e, #374143, #22292b, #0f1314, #020303

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

#cceaf2, #cee9f1, #d1e9ef, #d3e8ee, #d6e8ec, #d8e7eb, #dae6e9, #dde6e8, #dfe5e7, #e1e4e5

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

- คู่ตรงข้าม: #cceaf2, #f9ddd5
- คู่ตรงข้ามแยก: #cceaf2, #f9dbe0, #f4e0cd
- ข้างเคียง: #cceaf2, #ccece7, #d2e7f9
- สามเส้า: #cceaf2, #f3dced, #eae4cc
- สี่เหลี่ยมผืนผ้า: #cceaf2, #dde3fb, #f9ddd5, #eae4cc
- สี่เหลี่ยมจัตุรัส: #cceaf2, #e9dff6, #f9ddd5, #dee8d0
- โทนสีเดียว: #cceaf2, #819da5, #a6c3cb, #ddfbff, #ddfbff

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

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

#cceaf2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(204, 234, 242) ใน HSL คือ hsl(192.63, 59.37%, 87.45%) และใน OKLCH คือ oklch(91.775% 0.03332 215.587)

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

สีตรงข้ามของ #cceaf2 คือ #f9ddd5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ccece7 และ #d2e7f9 ส่วนสีสามเส้าคือ #f3dced และ #eae4cc

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

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

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

#cceaf2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 216 องศา ความสว่าง 91.8% และความสด 0.033
