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

#a1e4fc คือ rgb(161, 228, 252) ใน RGB และ oklch(88.23% 0.07475 222.271) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #a1e4fc |
| RGB | rgb(161, 228, 252) |
| HSL | hsl(195.82, 93.81%, 80.98%) |
| HSB / HSV | hsv(195.82 36.11% 98.82%) |
| HWB | hwb(195.82 63.14% 1.18%) |
| CMYK | cmyk(36% 10% 0% 1%) |
| Lab | lab(86.73 -17.47 -18.79) |
| LCH | lch(86.73 25.66 227.08) |
| OKLab | oklab(88.23% -0.05531 -0.05028) |
| OKLCH | oklch(88.23% 0.07475 222.271) |
| Display P3 | color(display-p3 0.68784 0.88698 0.97706) |
| Rec. 2020 | color(rec2020 0.72064 0.86599 0.97285) |
| Adobe RGB | color(a98-rgb 0.71344 0.89099 0.98407) |
| ProPhoto RGB | color(prophoto-rgb 0.74001 0.84605 0.96608) |
| sRGB เชิงเส้น | color(srgb-linear 0.3564 0.77582 0.97345) |
| XYZ D65 | color(xyz-d65 0.60009 0.7009 1.02465) |
| XYZ D50 | color(xyz-d50 0.5935 0.69448 0.77542) |
| SwiftUI | Color(red: 0.631, green: 0.894, blue: 0.988) |
| UIKit | UIColor(red: 0.631, green: 0.894, blue: 0.988, alpha: 1) |
| Flutter / Compose | Color(0xFFA1E4FC) |
| Android XML | #A1E4FC |

## ข้อมูล

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

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

#a1e4fc, #abe7fc, #b5eafd, #bfecfd, #c8effe, #d2f2fe, #dbf5fe, #e4f7fe, #edfaff, #f6fcff

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

#a1e4fc, #8bc6db, #76a9bb, #628d9c, #4e727e, #3c5862, #2a3f47, #19282d, #091216, #010303

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

#a1e4fc, #a7e3f8, #ade2f5, #b3e1f1, #b9e0ee, #bfdeea, #c4dde7, #c9dce3, #cedbdf, #d3d9dc

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

- คู่ตรงข้าม: #a1e4fc, #ffc9b2
- คู่ตรงข้ามแยก: #a1e4fc, #ffc5cb, #f7d1a2
- ข้างเคียง: #a1e4fc, #9de8e5, #b5dcff
- สามเส้า: #a1e4fc, #fcc5e6, #e1dba1
- สี่เหลี่ยมผืนผ้า: #a1e4fc, #d0d3ff, #ffc9b2, #e1dba1
- สี่เหลี่ยมจัตุรัส: #a1e4fc, #e9cbfc, #ffc9b2, #c6e3b0
- โทนสีเดียว: #a1e4fc, #5697ae, #7bbdd4, #d2fdff, #d2fdff

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

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

#a1e4fc เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(161, 228, 252) ใน HSL คือ hsl(195.82, 93.81%, 80.98%) และใน OKLCH คือ oklch(88.23% 0.07475 222.271)

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

สีตรงข้ามของ #a1e4fc คือ #ffc9b2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9de8e5 และ #b5dcff ส่วนสีสามเส้าคือ #fcc5e6 และ #e1dba1

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

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

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

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