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

#5bcabf คือ rgb(91, 202, 191) ใน RGB และ oklch(77.153% 0.10278 186.513) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bcabf |
| RGB | rgb(91, 202, 191) |
| HSL | hsl(174.05, 51.15%, 57.45%) |
| HSB / HSV | hsv(174.05 54.95% 79.22%) |
| HWB | hwb(174.05 35.69% 20.78%) |
| CMYK | cmyk(55% 0% 5% 21%) |
| Lab | lab(74.72 -35.16 -4.65) |
| LCH | lch(74.72 35.46 187.53) |
| OKLab | oklab(77.153% -0.10212 -0.01166) |
| OKLCH | oklch(77.153% 0.10278 186.513) |
| Display P3 | color(display-p3 0.47416 0.78244 0.74769) |
| Rec. 2020 | color(rec2020 0.52329 0.74498 0.71998) |
| Adobe RGB | color(a98-rgb 0.52564 0.78707 0.74529) |
| ProPhoto RGB | color(prophoto-rgb 0.5343 0.71074 0.69699) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.59062 0.521) |
| XYZ D65 | color(xyz-d65 0.34837 0.48225 0.56764) |
| XYZ D50 | color(xyz-d50 0.34764 0.47827 0.43084) |
| SwiftUI | Color(red: 0.357, green: 0.792, blue: 0.749) |
| UIKit | UIColor(red: 0.357, green: 0.792, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF5BCABF) |
| Android XML | #5BCABF |

## ข้อมูล

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

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

#5bcabf, #70cfc5, #82d5cc, #93dad2, #a4e0d8, #b4e5df, #c3eae5, #d2efeb, #e1f5f2, #f0faf8

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

#5bcabf, #4eafa6, #41958d, #357c75, #29645e, #1e4d48, #133733, #09221f, #030f0d, #000202

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

#5bcabf, #68c8be, #73c6bd, #7ec4bc, #87c2bb, #90c0ba, #98beb9, #a0bbb8, #a7b9b7, #aeb7b6

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

- คู่ตรงข้าม: #5bcabf, #ed99aa
- คู่ตรงข้ามแยก: #5bcabf, #df9bcd, #ee9d86
- ข้างเคียง: #5bcabf, #7bc99a, #5dc5df
- สามเส้า: #5bcabf, #c5a4e9, #e1a86b
- สี่เหลี่ยมผืนผ้า: #5bcabf, #7dbbf3, #ed99aa, #e1a86b
- สี่เหลี่ยมจัตุรัส: #5bcabf, #a3aff6, #ed99aa, #c8b565
- โทนสีเดียว: #5bcabf, #007f76, #2da49a, #84f2e6, #bafffd

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

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

#5bcabf เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(91, 202, 191) ใน HSL คือ hsl(174.05, 51.15%, 57.45%) และใน OKLCH คือ oklch(77.153% 0.10278 186.513)

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

สีตรงข้ามของ #5bcabf คือ #ed99aa หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7bc99a และ #5dc5df ส่วนสีสามเส้าคือ #c5a4e9 และ #e1a86b

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

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

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

#5bcabf เป็นสีโทนเย็น ใน OKLCH มีฮิว 187 องศา ความสว่าง 77.2% และความสด 0.103