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

#abe2f0 คือ rgb(171, 226, 240) ใน RGB และ oklch(87.957% 0.05933 215.12) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #abe2f0 |
| RGB | rgb(171, 226, 240) |
| HSL | hsl(192.17, 69.7%, 80.59%) |
| HSB / HSV | hsv(192.17 28.75% 94.12%) |
| HWB | hwb(192.17 67.06% 5.88%) |
| CMYK | cmyk(29% 6% 0% 6%) |
| Lab | lab(86.44 -15.83 -12.88) |
| LCH | lch(86.44 20.4 219.13) |
| OKLab | oklab(87.957% -0.04852 -0.03413) |
| OKLCH | oklch(87.957% 0.05933 215.12) |
| Display P3 | color(display-p3 0.71521 0.8802 0.93354) |
| Rec. 2020 | color(rec2020 0.73634 0.85916 0.92464) |
| Adobe RGB | color(a98-rgb 0.73487 0.88296 0.93707) |
| ProPhoto RGB | color(prophoto-rgb 0.74531 0.83889 0.91396) |
| sRGB เชิงเส้น | color(srgb-linear 0.40724 0.76052 0.87137) |
| XYZ D65 | color(xyz-d65 0.59716 0.6934 0.92679) |
| XYZ D50 | color(xyz-d50 0.59517 0.68864 0.70175) |
| SwiftUI | Color(red: 0.671, green: 0.886, blue: 0.941) |
| UIKit | UIColor(red: 0.671, green: 0.886, blue: 0.941, alpha: 1) |
| Flutter / Compose | Color(0xFFABE2F0) |
| Android XML | #ABE2F0 |

## ข้อมูล

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

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

#abe2f0, #b4e5f2, #bce8f3, #c5ebf5, #cdeef6, #d6f1f8, #def4f9, #e6f6fb, #eff9fc, #f7fcfe

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

#abe2f0, #94c4d1, #7ea8b2, #688c95, #547178, #40575d, #2d3e43, #1b272a, #0b1214, #010303

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

#abe2f0, #b0e1ee, #b5e0eb, #b9dfe9, #bedee6, #c2dde4, #c7dce1, #cbdbdf, #cfd9dc, #d3d8da

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

- คู่ตรงข้าม: #abe2f0, #fccabd
- คู่ตรงข้ามแยก: #abe2f0, #fbc8d2, #f3d0af
- ข้างเคียง: #abe2f0, #ace5dc, #b8dcfd
- สามเส้า: #abe2f0, #f1c9e7, #e3d8ac
- สี่เหลี่ยมผืนผ้า: #abe2f0, #cbd5ff, #fccabd, #e3d8ac
- สี่เหลี่ยมจัตุรัส: #abe2f0, #e0cef7, #fccabd, #cedfb4
- โทนสีเดียว: #abe2f0, #6196a3, #85bbc9, #c9ffff, #c9ffff

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

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

#abe2f0 เป็นโทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีฟ้าอมเขียว ใน RGB คือ rgb(171, 226, 240) ใน HSL คือ hsl(192.17, 69.7%, 80.59%) และใน OKLCH คือ oklch(87.957% 0.05933 215.12)

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

สีตรงข้ามของ #abe2f0 คือ #fccabd หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #ace5dc และ #b8dcfd ส่วนสีสามเส้าคือ #f1c9e7 และ #e3d8ac

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

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

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

#abe2f0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 215 องศา ความสว่าง 88% และความสด 0.059