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

#aad5df คือ rgb(170, 213, 223) ใน RGB และ oklch(84.569% 0.04707 213.461) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #aad5df |
| RGB | rgb(170, 213, 223) |
| HSL | hsl(191.32, 45.3%, 77.06%) |
| HSB / HSV | hsv(191.32 23.77% 87.45%) |
| HWB | hwb(191.32 66.67% 12.55%) |
| CMYK | cmyk(24% 4% 0% 13%) |
| Lab | lab(82.44 -12.92 -9.84) |
| LCH | lch(82.44 16.24 217.28) |
| OKLab | oklab(84.569% -0.03927 -0.02596) |
| OKLCH | oklch(84.569% 0.04707 213.461) |
| Display P3 | color(display-p3 0.70053 0.8304 0.86872) |
| Rec. 2020 | color(rec2020 0.7078 0.80503 0.8525) |
| Adobe RGB | color(a98-rgb 0.71421 0.8309 0.86932) |
| ProPhoto RGB | color(prophoto-rgb 0.70731 0.78144 0.83556) |
| sRGB เชิงเส้น | color(srgb-linear 0.40198 0.66539 0.73791) |
| XYZ D65 | color(xyz-d65 0.53688 0.61461 0.78849) |
| XYZ D50 | color(xyz-d50 0.53714 0.61118 0.59714) |
| SwiftUI | Color(red: 0.667, green: 0.835, blue: 0.875) |
| UIKit | UIColor(red: 0.667, green: 0.835, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFFAAD5DF) |
| Android XML | #AAD5DF |

## ข้อมูล

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

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

#aad5df, #b3d9e2, #bbdde5, #c4e2e9, #cce6ec, #d5eaef, #ddeef2, #e6f2f5, #eef7f9, #f7fbfc

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

#aad5df, #93b9c2, #7d9ea5, #68838a, #536a6f, #3f5156, #2d3a3d, #1b2427, #0b1012, #010202

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

#aad5df, #aed4dd, #b1d3db, #b5d2d9, #b8d2d8, #bcd1d6, #bfd0d4, #c3cfd2, #c6ced0, #c9cdce

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

- คู่ตรงข้าม: #aad5df, #e9c2b9
- คู่ตรงข้ามแยก: #aad5df, #e8c0c9, #e3c6ad
- ข้างเคียง: #aad5df, #abd7cf, #b3d1e9
- สามเส้า: #aad5df, #e0c1da, #d6ccaa
- สี่เหลี่ยมผืนผ้า: #aad5df, #c2cbec, #e9c2b9, #d6ccaa
- สี่เหลี่ยมจัตุรัส: #aad5df, #d2c5e6, #e9c2b9, #c6d2b1
- โทนสีเดียว: #aad5df, #618a93, #85afb8, #d1fdff, #d2feff

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

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

#aad5df เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(170, 213, 223) ใน HSL คือ hsl(191.32, 45.3%, 77.06%) และใน OKLCH คือ oklch(84.569% 0.04707 213.461)

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

สีตรงข้ามของ #aad5df คือ #e9c2b9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #abd7cf และ #b3d1e9 ส่วนสีสามเส้าคือ #e0c1da และ #d6ccaa

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

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

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

#aad5df เป็นสีโทนเย็น ใน OKLCH มีฮิว 213 องศา ความสว่าง 84.6% และความสด 0.047