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

#afd5f3 คือ rgb(175, 213, 243) ใน RGB และ oklch(85.564% 0.05809 242.166) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #afd5f3 |
| RGB | rgb(175, 213, 243) |
| HSL | hsl(206.47, 73.91%, 81.96%) |
| HSB / HSV | hsv(206.47 27.98% 95.29%) |
| HWB | hwb(206.47 68.63% 4.71%) |
| CMYK | cmyk(28% 12% 0% 5%) |
| Lab | lab(83.27 -7.91 -19.13) |
| LCH | lch(83.27 20.7 247.54) |
| OKLab | oklab(85.564% -0.02712 -0.05137) |
| OKLCH | oklch(85.564% 0.05809 242.166) |
| Display P3 | color(display-p3 0.71573 0.8309 0.94127) |
| Rec. 2020 | color(rec2020 0.72463 0.80732 0.93231) |
| Adobe RGB | color(a98-rgb 0.72708 0.8309 0.94682) |
| ProPhoto RGB | color(prophoto-rgb 0.7336 0.78622 0.92034) |
| sRGB เชิงเส้น | color(srgb-linear 0.42869 0.66539 0.89627) |
| XYZ D65 | color(xyz-d65 0.57648 0.63172 0.93953) |
| XYZ D50 | color(xyz-d50 0.57145 0.62672 0.71059) |
| SwiftUI | Color(red: 0.686, green: 0.835, blue: 0.953) |
| UIKit | UIColor(red: 0.686, green: 0.835, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFAFD5F3) |
| Android XML | #AFD5F3 |

## ข้อมูล

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

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

#afd5f3, #b7d9f4, #bfddf6, #c7e2f7, #cfe6f8, #d7eaf9, #dfeefb, #e7f2fc, #eff7fd, #f7fbfe

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

#afd5f3, #98b9d3, #819eb4, #6b8397, #566a7a, #41515e, #2e3a44, #1c242b, #0b1014, #010203

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

#afd5f3, #b2d5f0, #b6d4ec, #b9d3e8, #bdd3e5, #c0d2e1, #c3d2de, #c6d1da, #c9d1d7, #ccd0d3

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

- คู่ตรงข้าม: #afd5f3, #ecc8a9
- คู่ตรงข้ามแยก: #afd5f3, #f3c2b8, #ddcfa5
- ข้างเคียง: #afd5f3, #a4dae6, #c2cef7
- สามเส้า: #afd5f3, #f1c0cc, #c9d6ac
- สี่เหลี่ยมผืนผ้า: #afd5f3, #d6c7f0, #ecc8a9, #c9d6ac
- สี่เหลี่ยมจัตุรัส: #afd5f3, #e7c2e1, #ecc8a9, #b4dbbd
- โทนสีเดียว: #afd5f3, #668aa5, #8aafcb, #e0f9ff, #e0f9ff

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

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

#afd5f3 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(175, 213, 243) ใน HSL คือ hsl(206.47, 73.91%, 81.96%) และใน OKLCH คือ oklch(85.564% 0.05809 242.166)

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

สีตรงข้ามของ #afd5f3 คือ #ecc8a9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a4dae6 และ #c2cef7 ส่วนสีสามเส้าคือ #f1c0cc และ #c9d6ac

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

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

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

#afd5f3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 242 องศา ความสว่าง 85.6% และความสด 0.058