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

#add5ea คือ rgb(173, 213, 234) ใน RGB และ oklch(85.124% 0.05129 230.989) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #add5ea |
| RGB | rgb(173, 213, 234) |
| HSL | hsl(200.66, 59.22%, 79.8%) |
| HSB / HSV | hsv(200.66 26.07% 91.76%) |
| HWB | hwb(200.66 67.84% 8.24%) |
| CMYK | cmyk(26% 9% 0% 8%) |
| Lab | lab(82.91 -10.11 -14.94) |
| LCH | lch(82.91 18.03 235.92) |
| OKLab | oklab(85.124% -0.03229 -0.03985) |
| OKLCH | oklch(85.124% 0.05129 230.989) |
| Display P3 | color(display-p3 0.70963 0.8307 0.90857) |
| Rec. 2020 | color(rec2020 0.71758 0.80633 0.89626) |
| Adobe RGB | color(a98-rgb 0.72191 0.8309 0.91184) |
| ProPhoto RGB | color(prophoto-rgb 0.7221 0.78411 0.88183) |
| sRGB เชิงเส้น | color(srgb-linear 0.41789 0.66539 0.82279) |
| XYZ D65 | color(xyz-d65 0.55876 0.62412 0.86947) |
| XYZ D50 | color(xyz-d50 0.55622 0.61986 0.65797) |
| SwiftUI | Color(red: 0.678, green: 0.835, blue: 0.918) |
| UIKit | UIColor(red: 0.678, green: 0.835, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFFADD5EA) |
| Android XML | #ADD5EA |

## ข้อมูล

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

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

#add5ea, #b5d9ec, #beddee, #c6e2f0, #cee6f3, #d6eaf5, #deeef7, #e6f2f9, #eff7fb, #f7fbfd

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

#add5ea, #96b9cb, #7f9eae, #6a8391, #556a75, #41515a, #2d3a41, #1b2429, #0b1013, #010203

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

#add5ea, #b1d4e7, #b4d4e4, #b7d3e2, #bbd2df, #bed2dc, #c1d1d9, #c5d0d6, #c8cfd4, #cbcfd1

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

- คู่ตรงข้าม: #add5ea, #ebc5b0
- คู่ตรงข้ามแยก: #add5ea, #eec2c0, #e0cba9
- ข้างเคียง: #add5ea, #a7d9dc, #bccff1
- สามเส้า: #add5ea, #eac1d2, #cfd2ac
- สี่เหลี่ยมผืนผ้า: #add5ea, #cec9ee, #ebc5b0, #cfd2ac
- สี่เหลี่ยมจัตุรัส: #add5ea, #dec4e3, #ebc5b0, #bcd7b8
- โทนสีเดียว: #add5ea, #648a9d, #88afc3, #d9fbff, #d9fbff

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

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

#add5ea เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(173, 213, 234) ใน HSL คือ hsl(200.66, 59.22%, 79.8%) และใน OKLCH คือ oklch(85.124% 0.05129 230.989)

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

สีตรงข้ามของ #add5ea คือ #ebc5b0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a7d9dc และ #bccff1 ส่วนสีสามเส้าคือ #eac1d2 และ #cfd2ac

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

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

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

#add5ea เป็นสีโทนเย็น ใน OKLCH มีฮิว 231 องศา ความสว่าง 85.1% และความสด 0.051