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

#a5dff4 คือ rgb(165, 223, 244) ใน RGB และ oklch(87.105% 0.06577 222.289) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a5dff4 |
| RGB | rgb(165, 223, 244) |
| HSL | hsl(195.95, 78.22%, 80.2%) |
| HSB / HSV | hsv(195.95 32.38% 95.69%) |
| HWB | hwb(195.95 64.71% 4.31%) |
| CMYK | cmyk(32% 9% 0% 4%) |
| Lab | lab(85.38 -15.48 -16.58) |
| LCH | lch(85.38 22.68 226.97) |
| OKLab | oklab(87.105% -0.04866 -0.04426) |
| OKLCH | oklch(87.105% 0.06577 222.289) |
| Display P3 | color(display-p3 0.69469 0.86818 0.94696) |
| Rec. 2020 | color(rec2020 0.71851 0.84586 0.93925) |
| Adobe RGB | color(a98-rgb 0.71576 0.87092 0.95216) |
| ProPhoto RGB | color(prophoto-rgb 0.73173 0.82481 0.92916) |
| sRGB เชิงเส้น | color(srgb-linear 0.37626 0.73791 0.90466) |
| XYZ D65 | color(xyz-d65 0.58231 0.67305 0.95514) |
| XYZ D50 | color(xyz-d50 0.57772 0.66755 0.72289) |
| SwiftUI | Color(red: 0.647, green: 0.875, blue: 0.957) |
| UIKit | UIColor(red: 0.647, green: 0.875, blue: 0.957, alpha: 1) |
| Flutter / Compose | Color(0xFFA5DFF4) |
| Android XML | #A5DFF4 |

## ข้อมูล

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

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

#a5dff4, #aee2f5, #b8e6f6, #c1e9f8, #caecf9, #d3effa, #dcf2fb, #e5f6fc, #eef9fd, #f6fcfe

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

#a5dff4, #8fc2d4, #79a5b5, #658a97, #516f7a, #3d565e, #2b3d44, #1a272b, #0a1214, #010203

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

#a5dff4, #aadef1, #b0ddee, #b5dceb, #b9dbe7, #bedae4, #c3d9e1, #c7d8de, #ccd7db, #d0d6d8

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

- คู่ตรงข้าม: #a5dff4, #fbc7b3
- คู่ตรงข้ามแยก: #a5dff4, #fdc3c9, #f0cea5
- ข้างเคียง: #a5dff4, #a2e3e0, #b6d8ff
- สามเส้า: #a5dff4, #f4c4e1, #ddd7a5
- สี่เหลี่ยมผืนผ้า: #a5dff4, #cdd0ff, #fbc7b3, #ddd7a5
- สี่เหลี่ยมจัตุรัส: #a5dff4, #e3c9f4, #fbc7b3, #c5deb2
- โทนสีเดียว: #a5dff4, #5b93a6, #7fb8cc, #d2fdff, #d2fdff

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

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

#a5dff4 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(165, 223, 244) ใน HSL คือ hsl(195.95, 78.22%, 80.2%) และใน OKLCH คือ oklch(87.105% 0.06577 222.289)

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

สีตรงข้ามของ #a5dff4 คือ #fbc7b3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a2e3e0 และ #b6d8ff ส่วนสีสามเส้าคือ #f4c4e1 และ #ddd7a5

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

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

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

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