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

#a5dce2 คือ rgb(165, 220, 226) ใน RGB และ oklch(85.864% 0.05688 204.532) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5dce2 |
| RGB | rgb(165, 220, 226) |
| HSL | hsl(185.9, 51.26%, 76.67%) |
| HSB / HSV | hsv(185.9 26.99% 88.63%) |
| HWB | hwb(185.9 64.71% 11.37%) |
| CMYK | cmyk(27% 3% 0% 11%) |
| Lab | lab(84.12 -17.25 -9) |
| LCH | lch(84.12 19.45 207.55) |
| OKLab | oklab(85.864% -0.05174 -0.02362) |
| OKLCH | oklch(85.864% 0.05688 204.532) |
| Display P3 | color(display-p3 0.69189 0.8567 0.8812) |
| Rec. 2020 | color(rec2020 0.70881 0.83261 0.86668) |
| Adobe RGB | color(a98-rgb 0.71144 0.8589 0.88199) |
| ProPhoto RGB | color(prophoto-rgb 0.71183 0.80949 0.85151) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.71569 0.76052) |
| XYZ D65 | color(xyz-d65 0.54835 0.64675 0.81548) |
| XYZ D50 | color(xyz-d50 0.54854 0.64289 0.61781) |
| SwiftUI | Color(red: 0.647, green: 0.863, blue: 0.886) |
| UIKit | UIColor(red: 0.647, green: 0.863, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFA5DCE2) |
| Android XML | #A5DCE2 |

## ข้อมูล

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

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

#a5dce2, #aee0e5, #b8e3e8, #c1e7eb, #caeaee, #d3eef1, #dcf1f3, #e5f5f6, #edf8f9, #f6fcfc

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

#a5dce2, #8fbfc4, #79a3a8, #65888c, #516e71, #3d5457, #2b3c3e, #1a2627, #0a1112, #010203

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

#a5dce2, #aadbe0, #afdade, #b3d9dd, #b8d8db, #bcd6d9, #c0d5d7, #c4d4d6, #c8d3d4, #ccd2d2

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

- คู่ตรงข้าม: #a5dce2, #f4c3be
- คู่ตรงข้ามแยก: #a5dce2, #f0c2d3, #efc7ae
- ข้างเคียง: #a5dce2, #aaddce, #add7f1
- สามเส้า: #a5dce2, #e4c4e6, #e2cea7
- สี่เหลี่ยมผืนผ้า: #a5dce2, #bed1f7, #f4c3be, #e2cea7
- สี่เหลี่ยมจัตุรัส: #a5dce2, #d2caf3, #f4c3be, #cfd5ab
- โทนสีเดียว: #a5dce2, #5b9096, #7fb5bb, #c9ffff, #c9ffff

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

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

#a5dce2 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(165, 220, 226) ใน HSL คือ hsl(185.9, 51.26%, 76.67%) และใน OKLCH คือ oklch(85.864% 0.05688 204.532)

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

สีตรงข้ามของ #a5dce2 คือ #f4c3be หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aaddce และ #add7f1 ส่วนสีสามเส้าคือ #e4c4e6 และ #e2cea7

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

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

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

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