# สี #57cbc3: โทนสด เฉดอ่อนของสีเขียวหัวเป็ด

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #57cbc3 |
| RGB | rgb(87, 203, 195) |
| HSL | hsl(175.86, 52.73%, 56.86%) |
| HSB / HSV | hsv(175.86 57.14% 79.61%) |
| HWB | hwb(175.86 34.12% 20.39%) |
| CMYK | cmyk(57% 0% 4% 20%) |
| Lab | lab(74.98 -35.6 -6.43) |
| LCH | lch(74.98 36.17 190.24) |
| OKLab | oklab(77.385% -0.10381 -0.01645) |
| OKLCH | oklch(77.385% 0.10511 189.003) |
| Display P3 | color(display-p3 0.46659 0.7861 0.76222) |
| Rec. 2020 | color(rec2020 0.52071 0.74886 0.73578) |
| Adobe RGB | color(a98-rgb 0.52091 0.79104 0.76062) |
| ProPhoto RGB | color(prophoto-rgb 0.53496 0.71477 0.71317) |
| sRGB เชิงเส้น | color(srgb-linear 0.09531 0.5972 0.54572) |
| XYZ D65 | color(xyz-d65 0.35135 0.48676 0.59175) |
| XYZ D50 | color(xyz-d50 0.34965 0.48241 0.44901) |
| SwiftUI | Color(red: 0.341, green: 0.796, blue: 0.765) |
| UIKit | UIColor(red: 0.341, green: 0.796, blue: 0.765, alpha: 1) |
| Flutter / Compose | Color(0xFF57CBC3) |
| Android XML | #57CBC3 |

## ข้อมูล

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

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

#57cbc3, #6dd0c9, #80d6cf, #92dbd5, #a3e0db, #b3e6e1, #c2ebe7, #d2f0ed, #e1f5f3, #f0faf9

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

#57cbc3, #4bb0a9, #3e9690, #337d78, #276560, #1c4d4a, #123734, #082220, #030f0e, #000202

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

#57cbc3, #65c9c2, #71c7c0, #7cc5bf, #86c3be, #8fc1bc, #98bfbb, #a0bcb9, #a7bab8, #aeb8b7

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

- คู่ตรงข้าม: #57cbc3, #f099a7
- คู่ตรงข้ามแยก: #57cbc3, #e29bcc, #ef9e83
- ข้างเคียง: #57cbc3, #77ca9d, #5cc5e3
- สามเส้า: #57cbc3, #c9a3e9, #e1a969
- สี่เหลี่ยมผืนผ้า: #57cbc3, #7fbbf6, #f099a7, #e1a969
- สี่เหลี่ยมจัตุรัส: #57cbc3, #a7aef8, #f099a7, #c6b764
- โทนสีเดียว: #57cbc3, #008079, #26a59d, #81f3ea, #b8ffff

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

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

#57cbc3 เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(87, 203, 195) ใน HSL คือ hsl(175.86, 52.73%, 56.86%) และใน OKLCH คือ oklch(77.385% 0.10511 189.003)

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

สีตรงข้ามของ #57cbc3 คือ #f099a7 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #77ca9d และ #5cc5e3 ส่วนสีสามเส้าคือ #c9a3e9 และ #e1a969

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

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

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

#57cbc3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 189 องศา ความสว่าง 77.4% และความสด 0.105