# สี #add0fe: โทนพาสเทล เฉดอ่อนของสีน้ำเงิน

#add0fe คือ rgb(173, 208, 254) ใน RGB และ oklch(84.809% 0.07472 255.396) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #add0fe |
| RGB | rgb(173, 208, 254) |
| HSL | hsl(214.07, 97.59%, 83.73%) |
| HSB / HSV | hsv(214.07 31.89% 99.61%) |
| HWB | hwb(214.07 67.84% 0.39%) |
| CMYK | cmyk(32% 18% 0% 0%) |
| Lab | lab(82.12 -4.06 -26.67) |
| LCH | lch(82.12 26.98 261.34) |
| OKLab | oklab(84.809% -0.01884 -0.07231) |
| OKLCH | oklch(84.809% 0.07472 255.396) |
| Display P3 | color(display-p3 0.70537 0.81161 0.98005) |
| Rec. 2020 | color(rec2020 0.71465 0.78732 0.97491) |
| Adobe RGB | color(a98-rgb 0.71524 0.81095 0.98914) |
| ProPhoto RGB | color(prophoto-rgb 0.73087 0.76674 0.96566) |
| sRGB เชิงเส้น | color(srgb-linear 0.41789 0.63076 0.9911) |
| XYZ D65 | color(xyz-d65 0.57676 0.61151 1.02534) |
| XYZ D50 | color(xyz-d50 0.56697 0.60524 0.7748) |
| SwiftUI | Color(red: 0.678, green: 0.816, blue: 0.996) |
| UIKit | UIColor(red: 0.678, green: 0.816, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFFADD0FE) |
| Android XML | #ADD0FE |

## ข้อมูล

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

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

#add0fe, #b5d5fe, #bddaff, #c6deff, #cee3ff, #d6e8ff, #deecff, #e6f1ff, #eff6ff, #f7faff

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

#add0fe, #96b5dd, #7f9abd, #6a809e, #556780, #414f63, #2d3947, #1b232d, #0b1016, #010203

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

#add0fe, #b0d0f9, #b4d0f4, #b7cff0, #bacfeb, #bdcfe6, #c1cfe1, #c4cedc, #c7ced7, #cacdd2

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

- คู่ตรงข้าม: #add0fe, #eac797
- คู่ตรงข้ามแยก: #add0fe, #f8bfa5, #d4d198
- ข้างเคียง: #add0fe, #98d8f2, #c8c7fd
- สามเส้า: #add0fe, #fababd, #b8d9a8
- สี่เหลี่ยมผืนผ้า: #add0fe, #e0bfef, #eac797, #b8d9a8
- สี่เหลี่ยมจัตุรัส: #add0fe, #f2bad8, #eac797, #9fddc1
- โทนสีเดียว: #add0fe, #6485af, #88aad6, #e5f6ff, #e6f7ff

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

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

#add0fe เป็นโทนพาสเทล เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(173, 208, 254) ใน HSL คือ hsl(214.07, 97.59%, 83.73%) และใน OKLCH คือ oklch(84.809% 0.07472 255.396)

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

สีตรงข้ามของ #add0fe คือ #eac797 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #98d8f2 และ #c8c7fd ส่วนสีสามเส้าคือ #fababd และ #b8d9a8

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

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

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

#add0fe เป็นสีโทนเย็น ใน OKLCH มีฮิว 255 องศา ความสว่าง 84.8% และความสด 0.075