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

#afcbc4 คือ rgb(175, 203, 196) ใน RGB และ oklch(81.931% 0.03164 178.721) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afcbc4 |
| RGB | rgb(175, 203, 196) |
| HSL | hsl(165, 21.21%, 74.12%) |
| HSB / HSV | hsv(165 13.79% 79.61%) |
| HWB | hwb(165 68.63% 20.39%) |
| CMYK | cmyk(14% 0% 3% 20%) |
| Lab | lab(79.44 -10.79 0.17) |
| LCH | lch(79.44 10.79 179.1) |
| OKLab | oklab(81.931% -0.03163 0.00071) |
| OKLCH | oklch(81.931% 0.03164 178.721) |
| Display P3 | color(display-p3 0.70741 0.79275 0.76935) |
| Rec. 2020 | color(rec2020 0.6978 0.76438 0.74342) |
| Adobe RGB | color(a98-rgb 0.71399 0.79104 0.76441) |
| ProPhoto RGB | color(prophoto-rgb 0.68165 0.73842 0.72119) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.5972 0.55201) |
| XYZ D65 | color(xyz-d65 0.48997 0.55811 0.60417) |
| XYZ D50 | color(xyz-d50 0.49593 0.55697 0.45814) |
| SwiftUI | Color(red: 0.686, green: 0.796, blue: 0.769) |
| UIKit | UIColor(red: 0.686, green: 0.796, blue: 0.769, alpha: 1) |
| Flutter / Compose | Color(0xFFAFCBC4) |
| Android XML | #AFCBC4 |

## ข้อมูล

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

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

#afcbc4, #b7d0ca, #bfd5d0, #c7dad5, #cfe0db, #d7e5e1, #dfeae7, #e7efed, #eff4f3, #f7faf9

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

#afcbc4, #98b0aa, #819691, #6b7d78, #566561, #414d4a, #2e3735, #1c2221, #0b0f0e, #010202

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

#afcbc4, #b1cac4, #b3cac4, #b5c9c4, #b8c8c4, #bac7c4, #bcc7c4, #bec6c4, #c0c5c4, #c2c4c4

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

- คู่ตรงข้าม: #afcbc4, #d6bcc3
- คู่ตรงข้ามแยก: #afcbc4, #d0bdce, #d8bdb8
- ข้างเคียง: #afcbc4, #b7cab9, #adcacf
- สามเส้า: #afcbc4, #c6c0d6, #d4bfb0
- สี่เหลี่ยมผืนผ้า: #afcbc4, #b2c7d6, #d6bcc3, #d4bfb0
- สี่เหลี่ยมจัตุรัส: #afcbc4, #bbc4d9, #d6bcc3, #ccc3ad
- โทนสีเดียว: #afcbc4, #66817a, #8aa59e, #d6f2eb, #e0fdf5

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

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

#afcbc4 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(175, 203, 196) ใน HSL คือ hsl(165, 21.21%, 74.12%) และใน OKLCH คือ oklch(81.931% 0.03164 178.721)

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

สีตรงข้ามของ #afcbc4 คือ #d6bcc3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b7cab9 และ #adcacf ส่วนสีสามเส้าคือ #c6c0d6 และ #d4bfb0

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

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

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

#afcbc4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 179 องศา ความสว่าง 81.9% และความสด 0.032