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

#afdef1 คือ rgb(175, 222, 241) ใน RGB และ oklch(87.382% 0.05531 224.55) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afdef1 |
| RGB | rgb(175, 222, 241) |
| HSL | hsl(197.27, 70.21%, 81.57%) |
| HSB / HSV | hsv(197.27 27.39% 94.51%) |
| HWB | hwb(197.27 68.63% 5.49%) |
| CMYK | cmyk(27% 8% 0% 5%) |
| Lab | lab(85.62 -12.57 -14.57) |
| LCH | lch(85.62 19.24 229.22) |
| OKLab | oklab(87.382% -0.03942 -0.0388) |
| OKLCH | oklch(87.382% 0.05531 224.55) |
| Display P3 | color(display-p3 0.72355 0.86528 0.93628) |
| Rec. 2020 | color(rec2020 0.73904 0.84376 0.92738) |
| Adobe RGB | color(a98-rgb 0.73931 0.86692 0.94035) |
| ProPhoto RGB | color(prophoto-rgb 0.74712 0.82348 0.91633) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.73046 0.87962) |
| XYZ D65 | color(xyz-d65 0.59674 0.67706 0.93146) |
| XYZ D50 | color(xyz-d50 0.59413 0.67236 0.70502) |
| SwiftUI | Color(red: 0.686, green: 0.871, blue: 0.945) |
| UIKit | UIColor(red: 0.686, green: 0.871, blue: 0.945, alpha: 1) |
| Flutter / Compose | Color(0xFFAFDEF1) |
| Android XML | #AFDEF1 |

## ข้อมูล

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

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

#afdef1, #b7e1f2, #bfe5f4, #c7e8f5, #cfebf7, #d7eff8, #dff2fa, #e7f5fb, #eff8fc, #f7fcfe

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

#afdef1, #98c1d2, #81a5b3, #6b8995, #566f79, #41555d, #2e3d43, #1c262b, #0b1214, #010203

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

#afdef1, #b3ddee, #b7dcec, #bbdce9, #bfdbe6, #c3dae3, #c7d9e0, #cbd8de, #ced7db, #d2d6d8

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

- คู่ตรงข้าม: #afdef1, #f6cbb8
- คู่ตรงข้ามแยก: #afdef1, #f8c7ca, #ecd1ae
- ข้างเคียง: #afdef1, #abe2e0, #bdd8fa
- สามเส้า: #afdef1, #f1c8de, #dbd8ae
- สี่เหลี่ยมผืนผ้า: #afdef1, #d1d1f9, #f6cbb8, #dbd8ae
- สี่เหลี่ยมจัตุรัส: #afdef1, #e3cbef, #f6cbb8, #c6deba
- โทนสีเดียว: #afdef1, #6592a4, #89b7ca, #d4fdff, #d4fdff

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

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

#afdef1 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(175, 222, 241) ใน HSL คือ hsl(197.27, 70.21%, 81.57%) และใน OKLCH คือ oklch(87.382% 0.05531 224.55)

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

สีตรงข้ามของ #afdef1 คือ #f6cbb8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #abe2e0 และ #bdd8fa ส่วนสีสามเส้าคือ #f1c8de และ #dbd8ae

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

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

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

#afdef1 เป็นสีโทนเย็น ใน OKLCH มีฮิว 225 องศา ความสว่าง 87.4% และความสด 0.055