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

#afdde0 คือ rgb(175, 221, 224) ใน RGB และ oklch(86.619% 0.04786 201.252) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afdde0 |
| RGB | rgb(175, 221, 224) |
| HSL | hsl(183.67, 44.14%, 78.24%) |
| HSB / HSV | hsv(183.67 21.87% 87.84%) |
| HWB | hwb(183.67 68.63% 12.16%) |
| CMYK | cmyk(22% 1% 0% 12%) |
| Lab | lab(84.94 -14.96 -6.65) |
| LCH | lch(84.94 16.37 203.98) |
| OKLab | oklab(86.619% -0.04461 -0.01735) |
| OKLCH | oklch(86.619% 0.04786 201.252) |
| Display P3 | color(display-p3 0.72267 0.86146 0.87475) |
| Rec. 2020 | color(rec2020 0.73333 0.83878 0.85967) |
| Adobe RGB | color(a98-rgb 0.73793 0.86291 0.87444) |
| ProPhoto RGB | color(prophoto-rgb 0.73205 0.81681 0.84433) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.72306 0.7454) |
| XYZ D65 | color(xyz-d65 0.56987 0.66208 0.803) |
| XYZ D50 | color(xyz-d50 0.57207 0.65892 0.60846) |
| SwiftUI | Color(red: 0.686, green: 0.867, blue: 0.878) |
| UIKit | UIColor(red: 0.686, green: 0.867, blue: 0.878, alpha: 1) |
| Flutter / Compose | Color(0xFFAFDDE0) |
| Android XML | #AFDDE0 |

## ข้อมูล

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

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

#afdde0, #b7e0e3, #bfe4e6, #c7e7e9, #cfebec, #d7eeef, #dff1f3, #e7f5f6, #eff8f9, #f7fcfc

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

#afdde0, #98c0c3, #81a4a6, #6b888a, #566e70, #415556, #2e3d3e, #1c2627, #0b1112, #010202

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

#afdde0, #b3dcdf, #b7dbdd, #bbdadc, #bed9db, #c2d8d9, #c5d7d8, #c9d6d7, #ccd5d5, #cfd4d4

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

- คู่ตรงข้าม: #afdde0, #f1c7c5
- คู่ตรงข้ามแยก: #afdde0, #edc7d7, #eecbb7
- ข้างเคียง: #afdde0, #b4decf, #b4d9ed
- สามเส้า: #afdde0, #e2c9e6, #e3d0b0
- สี่เหลี่ยมผืนผ้า: #afdde0, #c2d4f3, #f1c7c5, #e3d0b0
- สี่เหลี่ยมจัตุรัส: #afdde0, #d3cef1, #f1c7c5, #d4d7b3
- โทนสีเดียว: #afdde0, #659194, #89b6b9, #d1ffff, #d1ffff

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

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

#afdde0 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(175, 221, 224) ใน HSL คือ hsl(183.67, 44.14%, 78.24%) และใน OKLCH คือ oklch(86.619% 0.04786 201.252)

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

สีตรงข้ามของ #afdde0 คือ #f1c7c5 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b4decf และ #b4d9ed ส่วนสีสามเส้าคือ #e2c9e6 และ #e3d0b0

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

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

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

#afdde0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 201 องศา ความสว่าง 86.6% และความสด 0.048