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

#5bd5ce คือ rgb(91, 213, 206) ใน RGB และ oklch(80.247% 0.10907 190.02) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bd5ce |
| RGB | rgb(91, 213, 206) |
| HSL | hsl(176.56, 59.22%, 59.61%) |
| HSB / HSV | hsv(176.56 57.28% 83.53%) |
| HWB | hwb(176.56 35.69% 16.47%) |
| CMYK | cmyk(57% 0% 3% 16%) |
| Lab | lab(78.33 -36.76 -7.38) |
| LCH | lch(78.33 37.49 191.35) |
| OKLab | oklab(80.247% -0.10741 -0.01898) |
| OKLCH | oklch(80.247% 0.10907 190.02) |
| Display P3 | color(display-p3 0.48919 0.82483 0.80477) |
| Rec. 2020 | color(rec2020 0.55106 0.79114 0.78274) |
| Adobe RGB | color(a98-rgb 0.5461 0.8309 0.80416) |
| ProPhoto RGB | color(prophoto-rgb 0.56848 0.75909 0.76279) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.66539 0.61721) |
| XYZ D65 | color(xyz-d65 0.39247 0.54267 0.66801) |
| XYZ D50 | color(xyz-d50 0.3902 0.5377 0.5068) |
| SwiftUI | Color(red: 0.357, green: 0.835, blue: 0.808) |
| UIKit | UIColor(red: 0.357, green: 0.835, blue: 0.808, alpha: 1) |
| Flutter / Compose | Color(0xFF5BD5CE) |
| Android XML | #5BD5CE |

## ข้อมูล

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

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

#5bd5ce, #71d9d3, #84ded8, #95e2dd, #a6e6e1, #b6ebe6, #c5efeb, #d4f3f0, #e2f7f5, #f1fbfa

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

#5bd5ce, #4eb9b3, #419e98, #35837f, #296a66, #1e514e, #133a38, #092423, #03100f, #000202

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

#5bd5ce, #6ad3cc, #77d1cb, #82cfc9, #8dcdc8, #96cac6, #9fc8c5, #a7c6c3, #afc3c1, #b7c1c0

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

- คู่ตรงข้าม: #5bd5ce, #fca1ae
- คู่ตรงข้ามแยก: #5bd5ce, #eea3d5, #fba689
- ข้างเคียง: #5bd5ce, #7bd4a6, #62cfef
- สามเส้า: #5bd5ce, #d4abf3, #ecb26d
- สี่เหลี่ยมผืนผ้า: #5bd5ce, #87c4ff, #fca1ae, #ecb26d
- สี่เหลี่ยมจัตุรัส: #5bd5ce, #b0b7ff, #fca1ae, #cfc06a
- โทนสีเดียว: #5bd5ce, #008983, #29aea8, #86fdf5, #b7ffff

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

### #5bd5ce คือสีอะไร

#5bd5ce เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(91, 213, 206) ใน HSL คือ hsl(176.56, 59.22%, 59.61%) และใน OKLCH คือ oklch(80.247% 0.10907 190.02)

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

สีตรงข้ามของ #5bd5ce คือ #fca1ae หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7bd4a6 และ #62cfef ส่วนสีสามเส้าคือ #d4abf3 และ #ecb26d

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

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

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

#5bd5ce เป็นสีโทนเย็น ใน OKLCH มีฮิว 190 องศา ความสว่าง 80.2% และความสด 0.109