# สี #57cbe2: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

#57cbe2 คือ rgb(87, 203, 226) ใน RGB และ oklch(78.476% 0.10831 212.858) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #57cbe2 |
| RGB | rgb(87, 203, 226) |
| HSL | hsl(189.93, 70.56%, 61.37%) |
| HSB / HSV | hsv(189.93 61.5% 88.63%) |
| HWB | hwb(189.93 34.12% 11.37%) |
| CMYK | cmyk(62% 10% 0% 11%) |
| Lab | lab(75.79 -28.94 -21.83) |
| LCH | lch(75.79 36.25 217.03) |
| OKLab | oklab(78.476% -0.09099 -0.05877) |
| OKLCH | oklch(78.476% 0.10831 212.858) |
| Display P3 | color(display-p3 0.46659 0.7861 0.87421) |
| Rec. 2020 | color(rec2020 0.52989 0.75051 0.85792) |
| Adobe RGB | color(a98-rgb 0.52091 0.79104 0.8794) |
| ProPhoto RGB | color(prophoto-rgb 0.56208 0.71915 0.83964) |
| sRGB เชิงเส้น | color(srgb-linear 0.09531 0.5972 0.76052) |
| XYZ D65 | color(xyz-d65 0.39011 0.50227 0.79593) |
| XYZ D50 | color(xyz-d50 0.38039 0.49543 0.60239) |
| SwiftUI | Color(red: 0.341, green: 0.796, blue: 0.886) |
| UIKit | UIColor(red: 0.341, green: 0.796, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF57CBE2) |
| Android XML | #57CBE2 |

## ข้อมูล

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

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

#57cbe2, #6dd0e5, #80d6e8, #92dbeb, #a3e0ee, #b3e6f1, #c3ebf4, #d2f0f7, #e1f5f9, #f0fafc

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

#57cbe2, #4bb0c4, #3e96a8, #337d8c, #276571, #1c4d57, #12373e, #082227, #030f12, #000203

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

#57cbe2, #66c9de, #72c8da, #7dc6d6, #88c4d2, #91c3ce, #9ac1c9, #a2bfc5, #aabdc1, #b1bbbd

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

- คู่ตรงข้าม: #57cbe2, #f69f8c
- คู่ตรงข้ามแยก: #57cbe2, #f39bb2, #eaa96d
- ข้างเคียง: #57cbe2, #5bd0bf, #78c1f9
- สามเส้า: #57cbe2, #e39fd7, #d1b763
- สี่เหลี่ยมผืนผ้า: #57cbe2, #a2b4ff, #f69f8c, #d1b763
- สี่เหลี่ยมจัตุรัส: #57cbe2, #c7a8f2, #f69f8c, #acc475
- โทนสีเดียว: #57cbe2, #008095, #25a5bb, #81f3ff, #c5ffff

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

### #57cbe2 คือสีอะไร

#57cbe2 เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(87, 203, 226) ใน HSL คือ hsl(189.93, 70.56%, 61.37%) และใน OKLCH คือ oklch(78.476% 0.10831 212.858)

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

สีตรงข้ามของ #57cbe2 คือ #f69f8c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5bd0bf และ #78c1f9 ส่วนสีสามเส้าคือ #e39fd7 และ #d1b763

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

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

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

#57cbe2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 213 องศา ความสว่าง 78.5% และความสด 0.108