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

#5bccbd คือ rgb(91, 204, 189) ใน RGB และ oklch(77.569% 0.10537 183.607) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bccbd |
| RGB | rgb(91, 204, 189) |
| HSL | hsl(172.04, 52.56%, 57.84%) |
| HSB / HSV | hsv(172.04 55.39% 80%) |
| HWB | hwb(172.04 35.69% 20%) |
| CMYK | cmyk(55% 0% 7% 20%) |
| Lab | lab(75.26 -36.38 -2.78) |
| LCH | lch(75.26 36.49 184.36) |
| OKLab | oklab(77.569% -0.10516 -0.00663) |
| OKLCH | oklch(77.569% 0.10537 183.607) |
| Display P3 | color(display-p3 0.47686 0.79014 0.74116) |
| Rec. 2020 | color(rec2020 0.52707 0.75313 0.71308) |
| Adobe RGB | color(a98-rgb 0.52932 0.79502 0.73809) |
| ProPhoto RGB | color(prophoto-rgb 0.53673 0.71888 0.69034) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.60383 0.50888) |
| XYZ D65 | color(xyz-d65 0.35091 0.49082 0.5577) |
| XYZ D50 | color(xyz-d50 0.35099 0.487 0.42347) |
| SwiftUI | Color(red: 0.357, green: 0.8, blue: 0.741) |
| UIKit | UIColor(red: 0.357, green: 0.8, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF5BCCBD) |
| Android XML | #5BCCBD |

## ข้อมูล

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

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

#5bccbd, #70d1c3, #82d7ca, #94dcd0, #a4e1d7, #b4e6de, #c3ebe4, #d3f0eb, #e2f5f2, #f0faf8

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

#5bccbd, #4eb1a4, #41978c, #357e74, #29655d, #1e4e47, #133733, #09221f, #030f0d, #000202

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

#5bccbd, #68cabc, #74c8bc, #7ec6bb, #88c4ba, #91c2b9, #99bfb9, #a1bdb8, #a8bbb7, #afb8b7

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

- คู่ตรงข้าม: #5bccbd, #ef99af
- คู่ตรงข้ามแยก: #5bccbd, #df9dd2, #f19d8a
- ข้างเคียง: #5bccbd, #7fca97, #58c7df
- สามเส้า: #5bccbd, #c4a5ed, #e6a76c
- สี่เหลี่ยมผืนผ้า: #5bccbd, #78bef4, #ef99af, #e6a76c
- สี่เหลี่ยมจัตุรัส: #5bccbd, #a0b1fa, #ef99af, #ccb563
- โทนสีเดียว: #5bccbd, #008174, #2ca698, #85f4e4, #bcfffa

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

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

#5bccbd เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(91, 204, 189) ใน HSL คือ hsl(172.04, 52.56%, 57.84%) และใน OKLCH คือ oklch(77.569% 0.10537 183.607)

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

สีตรงข้ามของ #5bccbd คือ #ef99af หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7fca97 และ #58c7df ส่วนสีสามเส้าคือ #c4a5ed และ #e6a76c

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

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

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

#5bccbd เป็นสีโทนเย็น ใน OKLCH มีฮิว 184 องศา ความสว่าง 77.6% และความสด 0.105