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

#afe2bc คือ rgb(175, 226, 188) ใน RGB และ oklch(86.701% 0.07425 152.487) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afe2bc |
| RGB | rgb(175, 226, 188) |
| HSL | hsl(135.29, 46.79%, 78.63%) |
| HSB / HSV | hsv(135.29 22.57% 88.63%) |
| HWB | hwb(135.29 68.63% 11.37%) |
| CMYK | cmyk(23% 0% 17% 11%) |
| Lab | lab(85.56 -22.64 13.05) |
| LCH | lch(85.56 26.13 150.04) |
| OKLab | oklab(86.701% -0.06585 0.0343) |
| OKLCH | oklch(86.701% 0.07425 152.487) |
| Display P3 | color(display-p3 0.72713 0.88057 0.74855) |
| Rec. 2020 | color(rec2020 0.73461 0.85758 0.72284) |
| Adobe RGB | color(a98-rgb 0.74488 0.88296 0.73855) |
| ProPhoto RGB | color(prophoto-rgb 0.71643 0.83359 0.70421) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.76052 0.50289) |
| XYZ D65 | color(xyz-d65 0.5395 0.67136 0.57695) |
| XYZ D50 | color(xyz-d50 0.55181 0.67108 0.43891) |
| SwiftUI | Color(red: 0.686, green: 0.886, blue: 0.737) |
| UIKit | UIColor(red: 0.686, green: 0.886, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFFAFE2BC) |
| Android XML | #AFE2BC |

## ข้อมูล

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

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

#afe2bc, #b7e5c3, #bfe8c9, #c7ebd0, #cfeed7, #d7f1dd, #dff4e4, #e7f6eb, #eff9f1, #f7fcf8

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

#afe2bc, #98c4a3, #81a88b, #6b8c73, #56715d, #415747, #2e3e32, #1c271f, #0b120d, #010302

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

#afe2bc, #b3e1be, #b7dfc1, #bbdec3, #bedcc5, #c2dbc8, #c5d9ca, #c9d8cc, #ccd6cf, #d0d5d1

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

- คู่ตรงข้าม: #afe2bc, #f1c2e9
- คู่ตรงข้ามแยก: #afe2bc, #dcc8fc, #febfcf
- ข้างเคียง: #afe2bc, #cadca6, #9be4d7
- สามเส้า: #afe2bc, #c2d1ff, #ffc2b5
- สี่เหลี่ยมผืนผ้า: #afe2bc, #99e1f0, #f1c2e9, #ffc2b5
- สี่เหลี่ยมจัตุรัส: #afe2bc, #a9daff, #f1c2e9, #f7c9a1
- โทนสีเดียว: #afe2bc, #659673, #89bb96, #d0ffdd, #d0ffdd

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

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

#afe2bc เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียว ใน RGB คือ rgb(175, 226, 188) ใน HSL คือ hsl(135.29, 46.79%, 78.63%) และใน OKLCH คือ oklch(86.701% 0.07425 152.487)

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

สีตรงข้ามของ #afe2bc คือ #f1c2e9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #cadca6 และ #9be4d7 ส่วนสีสามเส้าคือ #c2d1ff และ #ffc2b5

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

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

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

#afe2bc เป็นสีโทนเย็น ใน OKLCH มีฮิว 152 องศา ความสว่าง 86.7% และความสด 0.074