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

#a5d9ec คือ rgb(165, 217, 236) ใน RGB และ oklch(85.55% 0.05972 222.369) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5d9ec |
| RGB | rgb(165, 217, 236) |
| HSL | hsl(196.06, 65.14%, 78.63%) |
| HSB / HSV | hsv(196.06 30.08% 92.55%) |
| HWB | hwb(196.06 64.71% 7.45%) |
| CMYK | cmyk(30% 8% 0% 7%) |
| Lab | lab(83.55 -14.09 -15.1) |
| LCH | lch(83.55 20.66 226.98) |
| OKLab | oklab(85.55% -0.04412 -0.04025) |
| OKLCH | oklch(85.55% 0.05972 222.369) |
| Display P3 | color(display-p3 0.68912 0.84522 0.91647) |
| Rec. 2020 | color(rec2020 0.70607 0.82092 0.90524) |
| Adobe RGB | color(a98-rgb 0.70717 0.84689 0.92019) |
| ProPhoto RGB | color(prophoto-rgb 0.71459 0.79834 0.89193) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.69387 0.8388) |
| XYZ D65 | color(xyz-d65 0.55467 0.6368 0.88728) |
| XYZ D50 | color(xyz-d50 0.55133 0.63199 0.67159) |
| SwiftUI | Color(red: 0.647, green: 0.851, blue: 0.925) |
| UIKit | UIColor(red: 0.647, green: 0.851, blue: 0.925, alpha: 1) |
| Flutter / Compose | Color(0xFFA5D9EC) |
| Android XML | #A5D9EC |

## ข้อมูล

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

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

#a5d9ec, #aeddee, #b8e1f0, #c1e5f2, #cae8f4, #d3ecf6, #dcf0f8, #e4f4f9, #edf7fb, #f6fbfd

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

#a5d9ec, #8fbccd, #79a1af, #658692, #516c76, #3d535b, #2b3b42, #1a2529, #0a1113, #010203

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

#a5d9ec, #aad8e9, #aed7e6, #b3d6e4, #b7d5e1, #bbd4de, #c0d3db, #c4d2d8, #c8d1d5, #cbd0d2

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

- คู่ตรงข้าม: #a5d9ec, #f3c4b1
- คู่ตรงข้ามแยก: #a5d9ec, #f4c0c5, #e8caa5
- ข้างเคียง: #a5d9ec, #a2ddda, #b4d3f6
- สามเส้า: #a5d9ec, #ecc1da, #d7d2a5
- สี่เหลี่ยมผืนผ้า: #a5d9ec, #c9cbf6, #f3c4b1, #d7d2a5
- สี่เหลี่ยมจัตุรัส: #a5d9ec, #ddc5ec, #f3c4b1, #c1d8b0
- โทนสีเดียว: #a5d9ec, #5b8d9f, #80b2c5, #d2fdff, #d2fdff

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

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

#a5d9ec เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(165, 217, 236) ใน HSL คือ hsl(196.06, 65.14%, 78.63%) และใน OKLCH คือ oklch(85.55% 0.05972 222.369)

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

สีตรงข้ามของ #a5d9ec คือ #f3c4b1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a2ddda และ #b4d3f6 ส่วนสีสามเส้าคือ #ecc1da และ #d7d2a5

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

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

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

#a5d9ec เป็นสีโทนเย็น ใน OKLCH มีฮิว 222 องศา ความสว่าง 85.6% และความสด 0.06