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

#aad5ee คือ rgb(170, 213, 238) ใน RGB และ oklch(85.074% 0.05703 233.83) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #aad5ee |
| RGB | rgb(170, 213, 238) |
| HSL | hsl(202.06, 66.67%, 80%) |
| HSB / HSV | hsv(202.06 28.57% 93.33%) |
| HWB | hwb(202.06 66.67% 6.67%) |
| CMYK | cmyk(29% 11% 0% 7%) |
| Lab | lab(82.82 -10.32 -17.2) |
| LCH | lch(82.82 20.06 239.03) |
| OKLab | oklab(85.074% -0.03366 -0.04604) |
| OKLCH | oklch(85.074% 0.05703 233.83) |
| Display P3 | color(display-p3 0.70053 0.8304 0.92292) |
| Rec. 2020 | color(rec2020 0.71145 0.80587 0.91207) |
| Adobe RGB | color(a98-rgb 0.71421 0.8309 0.92737) |
| ProPhoto RGB | color(prophoto-rgb 0.71929 0.78367 0.89866) |
| sRGB เชิงเส้น | color(srgb-linear 0.40198 0.66539 0.85499) |
| XYZ D65 | color(xyz-d65 0.55801 0.62306 0.89978) |
| XYZ D50 | color(xyz-d50 0.55389 0.61827 0.68074) |
| SwiftUI | Color(red: 0.667, green: 0.835, blue: 0.933) |
| UIKit | UIColor(red: 0.667, green: 0.835, blue: 0.933, alpha: 1) |
| Flutter / Compose | Color(0xFFAAD5EE) |
| Android XML | #AAD5EE |

## ข้อมูล

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

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

#aad5ee, #b3d9f0, #bbddf2, #c4e2f3, #cce6f5, #d5eaf7, #ddeef8, #e6f2fa, #eef7fc, #f7fbfd

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

#aad5ee, #93b9cf, #7d9eb1, #688393, #536a77, #3f515c, #2d3a42, #1b242a, #0b1014, #010203

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

#aad5ee, #aed4eb, #b2d4e8, #b5d3e4, #b9d2e1, #bdd2de, #c0d1db, #c4d0d8, #c7cfd4, #cacfd1

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

- คู่ตรงข้าม: #aad5ee, #edc5ac
- คู่ตรงข้ามแยก: #aad5ee, #f1c0bc, #e0cca4
- ข้างเคียง: #aad5ee, #a2dadf, #bbcef4
- สามเส้า: #aad5ee, #edbfd1, #cdd3a8
- สี่เหลี่ยมผืนผ้า: #aad5ee, #cfc8f1, #edc5ac, #cdd3a8
- สี่เหลี่ยมจัตุรัส: #aad5ee, #e1c2e4, #edc5ac, #b8d8b7
- โทนสีเดียว: #aad5ee, #618aa1, #85afc7, #dbfbff, #dbfbff

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

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

#aad5ee เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(170, 213, 238) ใน HSL คือ hsl(202.06, 66.67%, 80%) และใน OKLCH คือ oklch(85.074% 0.05703 233.83)

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

สีตรงข้ามของ #aad5ee คือ #edc5ac หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a2dadf และ #bbcef4 ส่วนสีสามเส้าคือ #edbfd1 และ #cdd3a8

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

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

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

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