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

#a2dff6 คือ rgb(162, 223, 246) ใน RGB และ oklch(87.005% 0.06949 223.306) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a2dff6 |
| RGB | rgb(162, 223, 246) |
| HSL | hsl(196.43, 82.35%, 80%) |
| HSB / HSV | hsv(196.43 34.15% 96.47%) |
| HWB | hwb(196.43 63.53% 3.53%) |
| CMYK | cmyk(34% 9% 0% 4%) |
| Lab | lab(85.26 -15.97 -17.82) |
| LCH | lch(85.26 23.93 228.14) |
| OKLab | oklab(87.005% -0.05057 -0.04766) |
| OKLCH | oklch(87.005% 0.06949 223.306) |
| Display P3 | color(display-p3 0.6859 0.86792 0.95409) |
| Rec. 2020 | color(rec2020 0.71234 0.84536 0.94712) |
| Adobe RGB | color(a98-rgb 0.70845 0.87092 0.95995) |
| ProPhoto RGB | color(prophoto-rgb 0.72777 0.82417 0.93761) |
| sRGB เชิงเส้น | color(srgb-linear 0.36131 0.73791 0.92158) |
| XYZ D65 | color(xyz-d65 0.57919 0.67109 0.97093) |
| XYZ D50 | color(xyz-d50 0.57362 0.66525 0.73477) |
| SwiftUI | Color(red: 0.635, green: 0.875, blue: 0.965) |
| UIKit | UIColor(red: 0.635, green: 0.875, blue: 0.965, alpha: 1) |
| Flutter / Compose | Color(0xFFA2DFF6) |
| Android XML | #A2DFF6 |

## ข้อมูล

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

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

#a2dff6, #ace2f7, #b6e6f8, #bfe9f9, #c8ecfa, #d2effb, #dbf2fc, #e4f6fd, #edf9fd, #f6fcfe

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

#a2dff6, #8cc2d6, #77a5b7, #638a98, #4f6f7b, #3c565f, #2a3d45, #19272c, #0a1215, #010203

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

#a2dff6, #a8def3, #adddef, #b3dcec, #b8dbe9, #bddae5, #c2d9e2, #c6d8de, #cbd6db, #d0d5d8

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

- คู่ตรงข้าม: #a2dff6, #fdc6b0
- คู่ตรงข้ามแยก: #a2dff6, #ffc2c7, #f1cea2
- ข้างเคียง: #a2dff6, #9ee3e1, #b5d8ff
- สามเส้า: #a2dff6, #f6c3e0, #dcd7a2
- สี่เหลี่ยมผืนผ้า: #a2dff6, #cdcfff, #fdc6b0, #dcd7a2
- สี่เหลี่ยมจัตุรัส: #a2dff6, #e5c7f5, #fdc6b0, #c2dfb0
- โทนสีเดียว: #a2dff6, #5893a8, #7cb8ce, #d3fdff, #d3fdff

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

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

#a2dff6 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(162, 223, 246) ใน HSL คือ hsl(196.43, 82.35%, 80%) และใน OKLCH คือ oklch(87.005% 0.06949 223.306)

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

สีตรงข้ามของ #a2dff6 คือ #fdc6b0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ee3e1 และ #b5d8ff ส่วนสีสามเส้าคือ #f6c3e0 และ #dcd7a2

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

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

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

#a2dff6 เป็นสีโทนเย็น ใน OKLCH มีฮิว 223 องศา ความสว่าง 87% และความสด 0.069