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

#a9d4e5 คือ rgb(169, 212, 229) ใน RGB และ oklch(84.491% 0.0509 223.969) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a9d4e5 |
| RGB | rgb(169, 212, 229) |
| HSL | hsl(197, 53.57%, 78.04%) |
| HSB / HSV | hsv(197 26.2% 89.8%) |
| HWB | hwb(197 66.27% 10.2%) |
| CMYK | cmyk(26% 7% 0% 10%) |
| Lab | lab(82.26 -11.73 -13.29) |
| LCH | lch(82.26 17.73 228.56) |
| OKLab | oklab(84.491% -0.03664 -0.03534) |
| OKLCH | oklch(84.491% 0.0509 223.969) |
| Display P3 | color(display-p3 0.69663 0.82648 0.89005) |
| Rec. 2020 | color(rec2020 0.70519 0.80107 0.87584) |
| Adobe RGB | color(a98-rgb 0.7103 0.82691 0.89233) |
| ProPhoto RGB | color(prophoto-rgb 0.70829 0.77781 0.86002) |
| sRGB เชิงเส้น | color(srgb-linear 0.39676 0.65837 0.78354) |
| XYZ D65 | color(xyz-d65 0.54046 0.61178 0.83092) |
| XYZ D50 | color(xyz-d50 0.53869 0.60775 0.62896) |
| SwiftUI | Color(red: 0.663, green: 0.831, blue: 0.898) |
| UIKit | UIColor(red: 0.663, green: 0.831, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFFA9D4E5) |
| Android XML | #A9D4E5 |

## ข้อมูล

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

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

#a9d4e5, #b2d8e8, #baddea, #c3e1ed, #cce5f0, #d4eaf2, #ddeef5, #e5f2f7, #eef6fa, #f6fbfc

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

#a9d4e5, #92b8c7, #7c9daa, #67838e, #536972, #3f5158, #2c3a3f, #1b2428, #0a1012, #010203

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

#a9d4e5, #add3e3, #b1d2e0, #b4d2de, #b8d1db, #bbd0d9, #bfcfd6, #c2ced4, #c5ced1, #c9cdce

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

- คู่ตรงข้าม: #a9d4e5, #eac2b2
- คู่ตรงข้ามแยก: #a9d4e5, #ecbfc2, #e1c8a8
- ข้างเคียง: #a9d4e5, #a6d7d6, #b6cfed
- สามเส้า: #a9d4e5, #e5bfd4, #d1cea8
- สี่เหลี่ยมผืนผ้า: #a9d4e5, #c7c8ed, #eac2b2, #d1cea8
- สี่เหลี่ยมจัตุรัส: #a9d4e5, #d8c3e4, #eac2b2, #bfd4b2
- โทนสีเดียว: #a9d4e5, #608998, #84aebe, #d0fcff, #d4fdff

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

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

#a9d4e5 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(169, 212, 229) ใน HSL คือ hsl(197, 53.57%, 78.04%) และใน OKLCH คือ oklch(84.491% 0.0509 223.969)

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

สีตรงข้ามของ #a9d4e5 คือ #eac2b2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6d7d6 และ #b6cfed ส่วนสีสามเส้าคือ #e5bfd4 และ #d1cea8

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

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

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

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