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

#a2dbf3 คือ rgb(162, 219, 243) ใน RGB และ oklch(86.045% 0.0671 225.847) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a2dbf3 |
| RGB | rgb(162, 219, 243) |
| HSL | hsl(197.78, 77.14%, 79.41%) |
| HSB / HSV | hsv(197.78 33.33% 95.29%) |
| HWB | hwb(197.78 63.53% 4.71%) |
| CMYK | cmyk(33% 10% 0% 5%) |
| Lab | lab(84.1 -14.65 -17.99) |
| LCH | lch(84.1 23.2 230.85) |
| OKLab | oklab(86.045% -0.04674 -0.04814) |
| OKLCH | oklch(86.045% 0.0671 225.847) |
| Display P3 | color(display-p3 0.6821 0.8526 0.9422) |
| Rec. 2020 | color(rec2020 0.70454 0.82884 0.93374) |
| Adobe RGB | color(a98-rgb 0.70264 0.8549 0.94768) |
| ProPhoto RGB | color(prophoto-rgb 0.71818 0.80683 0.92267) |
| sRGB เชิงเส้น | color(srgb-linear 0.36131 0.70838 0.89627) |
| XYZ D65 | color(xyz-d65 0.56406 0.64814 0.94335) |
| XYZ D50 | color(xyz-d50 0.55862 0.64255 0.71383) |
| SwiftUI | Color(red: 0.635, green: 0.859, blue: 0.953) |
| UIKit | UIColor(red: 0.635, green: 0.859, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFA2DBF3) |
| Android XML | #A2DBF3 |

## ข้อมูล

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

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

#a2dbf3, #acdff4, #b5e2f6, #bfe6f7, #c8eaf8, #d1edf9, #dbf1fb, #e4f4fc, #edf8fd, #f6fbfe

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

#a2dbf3, #8cbed3, #77a2b4, #638797, #4f6d7a, #3c545e, #2a3c44, #19262b, #0a1114, #010203

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

#a2dbf3, #a7daf0, #acd9ec, #b1d8e9, #b6d7e6, #bbd6e2, #c0d5df, #c4d4db, #c8d3d8, #cdd2d4

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

- คู่ตรงข้าม: #a2dbf3, #f8c4ad
- คู่ตรงข้ามแยก: #a2dbf3, #fac0c2, #ebcca0
- ข้างเคียง: #a2dbf3, #9ddfdf, #b5d4fd
- สามเส้า: #a2dbf3, #f3c0db, #d6d4a2
- สี่เหลี่ยมผืนผ้า: #a2dbf3, #cccbfc, #f8c4ad, #d6d4a2
- สี่เหลี่ยมจัตุรัส: #a2dbf3, #e3c4ef, #f8c4ad, #bedcb0
- โทนสีเดียว: #a2dbf3, #588fa5, #7cb4cb, #d5fcff, #d5fcff

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

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

#a2dbf3 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(162, 219, 243) ใน HSL คือ hsl(197.78, 77.14%, 79.41%) และใน OKLCH คือ oklch(86.045% 0.0671 225.847)

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

สีตรงข้ามของ #a2dbf3 คือ #f8c4ad หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ddfdf และ #b5d4fd ส่วนสีสามเส้าคือ #f3c0db และ #d6d4a2

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

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

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

#a2dbf3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 226 องศา ความสว่าง 86% และความสด 0.067