# สี #2abbe9: โทนสด เฉดอ่อนของสีฟ้า

#2abbe9 คือ rgb(42, 187, 233) ใน RGB และ oklch(73.943% 0.13164 225.329) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #2abbe9 |
| RGB | rgb(42, 187, 233) |
| HSL | hsl(194.45, 81.28%, 53.92%) |
| HSB / HSV | hsv(194.45 81.97% 91.37%) |
| HWB | hwb(194.45 16.47% 8.63%) |
| CMYK | cmyk(82% 20% 0% 9%) |
| Lab | lab(70.23 -26.22 -34.17) |
| LCH | lch(70.23 43.07 232.5) |
| OKLab | oklab(73.943% -0.09255 -0.09362) |
| OKLCH | oklch(73.943% 0.13164 225.329) |
| Display P3 | color(display-p3 0.36118 0.72284 0.89538) |
| Rec. 2020 | color(rec2020 0.44936 0.68169 0.88024) |
| Adobe RGB | color(a98-rgb 0.43229 0.72762 0.90442) |
| ProPhoto RGB | color(prophoto-rgb 0.50356 0.64903 0.86115) |
| sRGB เชิงเส้น | color(srgb-linear 0.02315 0.49693 0.81485) |
| XYZ D65 | color(xyz-d65 0.33431 0.41914 0.83422) |
| XYZ D50 | color(xyz-d50 0.31808 0.41079 0.63045) |
| SwiftUI | Color(red: 0.165, green: 0.733, blue: 0.914) |
| UIKit | UIColor(red: 0.165, green: 0.733, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF2ABBE9) |
| Android XML | #2ABBE9 |

## ข้อมูล

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

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

#2abbe9, #4ec2ec, #68c9ee, #7ed0f1, #93d7f3, #a6def5, #b8e5f7, #caebf9, #dcf2fb, #eef9fd

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

#2abbe9, #23a2cb, #1c8aad, #167390, #105c74, #0a465a, #053241, #021f29, #010d13, #000203

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

#2abbe9, #44bae3, #56b8dd, #65b7d7, #72b6d0, #7db4ca, #87b2c4, #91b0be, #9aafb7, #a2adb1

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

- คู่ตรงข้าม: #2abbe9, #ee8e61
- คู่ตรงข้ามแยก: #2abbe9, #f2868f, #da9e3d
- ข้างเคียง: #2abbe9, #00c4c5, #70adfc
- สามเส้า: #2abbe9, #e587bd, #b7af3f
- สี่เหลี่ยมผืนผ้า: #2abbe9, #a39efa, #ee8e61, #b7af3f
- สี่เหลี่ยมจัตุรัส: #2abbe9, #ca90e3, #ee8e61, #85bd66
- โทนสีเดียว: #2abbe9, #006f95, #0095c1, #6de1ff, #d5fdff

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

### #2abbe9 คือสีอะไร

#2abbe9 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(42, 187, 233) ใน HSL คือ hsl(194.45, 81.28%, 53.92%) และใน OKLCH คือ oklch(73.943% 0.13164 225.329)

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

สีตรงข้ามของ #2abbe9 คือ #ee8e61 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00c4c5 และ #70adfc ส่วนสีสามเส้าคือ #e587bd และ #b7af3f

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

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

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

#2abbe9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 225 องศา ความสว่าง 73.9% และความสด 0.132