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

#afd3cc คือ rgb(175, 211, 204) ใน RGB และ oklch(83.876% 0.03933 182.231) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afd3cc |
| RGB | rgb(175, 211, 204) |
| HSL | hsl(168.33, 29.03%, 75.69%) |
| HSB / HSV | hsv(168.33 17.06% 82.75%) |
| HWB | hwb(168.33 68.63% 17.25%) |
| CMYK | cmyk(17% 0% 3% 17%) |
| Lab | lab(81.78 -13.4 -0.7) |
| LCH | lch(81.78 13.42 182.99) |
| OKLab | oklab(83.876% -0.0393 -0.00153) |
| OKLCH | oklch(83.876% 0.03933 182.231) |
| Display P3 | color(display-p3 0.71403 0.82326 0.80027) |
| Rec. 2020 | color(rec2020 0.71236 0.79712 0.77761) |
| Adobe RGB | color(a98-rgb 0.72442 0.82292 0.79619) |
| ProPhoto RGB | color(prophoto-rgb 0.70045 0.77235 0.75742) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.65141 0.60383) |
| XYZ D65 | color(xyz-d65 0.5187 0.60061 0.65989) |
| XYZ D50 | color(xyz-d50 0.52422 0.59897 0.5004) |
| SwiftUI | Color(red: 0.686, green: 0.827, blue: 0.8) |
| UIKit | UIColor(red: 0.686, green: 0.827, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFFAFD3CC) |
| Android XML | #AFD3CC |

## ข้อมูล

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

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

#afd3cc, #b7d7d1, #bfdcd6, #c7e0db, #cfe5e0, #d7e9e5, #dfedea, #e7f2ef, #eff6f5, #f7fbfa

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

#afd3cc, #98b7b1, #819c97, #6b827e, #566965, #41514e, #2e3a37, #1c2422, #0b100f, #010202

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

#afd3cc, #b2d2cc, #b5d1cc, #b8d0cb, #bacfcb, #bdcfcb, #c0cecb, #c2cdcb, #c5ccca, #c7cbca

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

- คู่ตรงข้าม: #afd3cc, #e1c0c8
- คู่ตรงข้ามแยก: #afd3cc, #dac1d6, #e3c1ba
- ข้างเคียง: #afd3cc, #b8d2be, #aed1d9
- สามเส้า: #afd3cc, #cfc5e0, #dec5b1
- สี่เหลี่ยมผืนผ้า: #afd3cc, #b5cee2, #e1c0c8, #dec5b1
- สี่เหลี่ยมจัตุรัส: #afd3cc, #c1c9e5, #e1c0c8, #d3caae
- โทนสีเดียว: #afd3cc, #668882, #8aada6, #d6fbf3, #d9fef7

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

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

#afd3cc เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(175, 211, 204) ใน HSL คือ hsl(168.33, 29.03%, 75.69%) และใน OKLCH คือ oklch(83.876% 0.03933 182.231)

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

สีตรงข้ามของ #afd3cc คือ #e1c0c8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b8d2be และ #aed1d9 ส่วนสีสามเส้าคือ #cfc5e0 และ #dec5b1

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

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

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

#afd3cc เป็นสีโทนเย็น ใน OKLCH มีฮิว 182 องศา ความสว่าง 83.9% และความสด 0.039