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

#a3dbf3 คือ rgb(163, 219, 243) ใน RGB และ oklch(86.102% 0.0663 226.25) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a3dbf3 |
| RGB | rgb(163, 219, 243) |
| HSL | hsl(198, 76.92%, 79.61%) |
| HSB / HSV | hsv(198 32.92% 95.29%) |
| HWB | hwb(198 63.92% 4.71%) |
| CMYK | cmyk(33% 10% 0% 5%) |
| Lab | lab(84.16 -14.36 -17.9) |
| LCH | lch(84.16 22.94 231.26) |
| OKLab | oklab(86.102% -0.04584 -0.04789) |
| OKLCH | oklch(86.102% 0.0663 226.25) |
| Display P3 | color(display-p3 0.68505 0.85269 0.94225) |
| Rec. 2020 | color(rec2020 0.70678 0.82905 0.93378) |
| Adobe RGB | color(a98-rgb 0.70509 0.8549 0.94768) |
| ProPhoto RGB | color(prophoto-rgb 0.72008 0.80715 0.92272) |
| sRGB เชิงเส้น | color(srgb-linear 0.36625 0.70838 0.89627) |
| XYZ D65 | color(xyz-d65 0.5661 0.64919 0.94345) |
| XYZ D50 | color(xyz-d50 0.56078 0.64365 0.7139) |
| SwiftUI | Color(red: 0.639, green: 0.859, blue: 0.953) |
| UIKit | UIColor(red: 0.639, green: 0.859, blue: 0.953, alpha: 1) |
| Flutter / Compose | Color(0xFFA3DBF3) |
| Android XML | #A3DBF3 |

## ข้อมูล

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

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

#a3dbf3, #addff4, #b6e2f6, #bfe6f7, #c9eaf8, #d2edf9, #dbf1fb, #e4f4fc, #edf8fd, #f6fbfe

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

#a3dbf3, #8dbed3, #78a2b4, #638797, #4f6d7a, #3c545e, #2a3c44, #19262b, #0a1114, #010203

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

#a3dbf3, #a8daf0, #add9ec, #b2d8e9, #b7d7e6, #bbd6e2, #c0d5df, #c4d4db, #c9d3d8, #cdd2d5

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

- คู่ตรงข้าม: #a3dbf3, #f7c5ad
- คู่ตรงข้ามแยก: #a3dbf3, #fac0c2, #ebcca1
- ข้างเคียง: #a3dbf3, #9ddfe0, #b6d4fd
- สามเส้า: #a3dbf3, #f3c0da, #d6d5a2
- สี่เหลี่ยมผืนผ้า: #a3dbf3, #cdccfc, #f7c5ad, #d6d5a2
- สี่เหลี่ยมจัตุรัส: #a3dbf3, #e3c5ef, #f7c5ad, #bedcb1
- โทนสีเดียว: #a3dbf3, #598fa5, #7db4cb, #d5fcff, #d5fcff

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

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

#a3dbf3 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(163, 219, 243) ใน HSL คือ hsl(198, 76.92%, 79.61%) และใน OKLCH คือ oklch(86.102% 0.0663 226.25)

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

สีตรงข้ามของ #a3dbf3 คือ #f7c5ad หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ddfe0 และ #b6d4fd ส่วนสีสามเส้าคือ #f3c0da และ #d6d5a2

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

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

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

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