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

#abe5fb คือ rgb(171, 229, 251) ใน RGB และ oklch(88.965% 0.06619 223.314) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abe5fb |
| RGB | rgb(171, 229, 251) |
| HSL | hsl(196.5, 90.91%, 82.75%) |
| HSB / HSV | hsv(196.5 31.87% 98.43%) |
| HWB | hwb(196.5 67.06% 1.57%) |
| CMYK | cmyk(32% 9% 0% 2%) |
| Lab | lab(87.52 -15.28 -17.01) |
| LCH | lch(87.52 22.86 228.06) |
| OKLab | oklab(88.965% -0.04816 -0.04541) |
| OKLCH | oklch(88.965% 0.06619 223.314) |
| Display P3 | color(display-p3 0.718 0.89168 0.97408) |
| Rec. 2020 | color(rec2020 0.74433 0.87206 0.96961) |
| Adobe RGB | color(a98-rgb 0.73916 0.89501 0.98032) |
| ProPhoto RGB | color(prophoto-rgb 0.75976 0.85332 0.96276) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.78354 0.96469) |
| XYZ D65 | color(xyz-d65 0.62223 0.7166 1.01823) |
| XYZ D50 | color(xyz-d50 0.61739 0.7108 0.77062) |
| SwiftUI | Color(red: 0.671, green: 0.898, blue: 0.984) |
| UIKit | UIColor(red: 0.671, green: 0.898, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFFABE5FB) |
| Android XML | #ABE5FB |

## ข้อมูล

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

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

#abe5fb, #b4e8fc, #bdeafc, #c5edfc, #cef0fd, #d6f2fd, #def5fe, #e7f7fe, #effafe, #f7fcff

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

#abe5fb, #94c7da, #7eaaba, #688e9c, #54727e, #405861, #2d3f46, #1b282d, #0b1215, #010303

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

#abe5fb, #b0e4f8, #b5e3f5, #bbe2f1, #bfe1ee, #c4e0eb, #c9dfe8, #cddee4, #d2dde1, #d6dcde

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

- คู่ตรงข้าม: #abe5fb, #ffcdb8
- คู่ตรงข้ามแยก: #abe5fb, #ffc9ce, #f6d5ab
- ข้างเคียง: #abe5fb, #a7e9e7, #bddeff
- สามเส้า: #abe5fb, #fbcae6, #e2ddab
- สี่เหลี่ยมผืนผ้า: #abe5fb, #d4d6ff, #ffcdb8, #e2ddab
- สี่เหลี่ยมจัตุรัส: #abe5fb, #eacefa, #ffcdb8, #cae5b8
- โทนสีเดียว: #abe5fb, #6098ad, #85bed3, #d3fdff, #d3fdff

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

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

#abe5fb เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้า ใน RGB คือ rgb(171, 229, 251) ใน HSL คือ hsl(196.5, 90.91%, 82.75%) และใน OKLCH คือ oklch(88.965% 0.06619 223.314)

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

สีตรงข้ามของ #abe5fb คือ #ffcdb8 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a7e9e7 และ #bddeff ส่วนสีสามเส้าคือ #fbcae6 และ #e2ddab

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

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

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

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