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

#5bc2ae คือ rgb(91, 194, 174) ใน RGB และ oklch(74.71% 0.10085 178.864) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bc2ae |
| RGB | rgb(91, 194, 174) |
| HSL | hsl(168.35, 45.78%, 55.88%) |
| HSB / HSV | hsv(168.35 53.09% 76.08%) |
| HWB | hwb(168.35 35.69% 23.92%) |
| CMYK | cmyk(53% 0% 10% 24%) |
| Lab | lab(71.94 -35.07 0.48) |
| LCH | lch(71.94 35.08 179.22) |
| OKLab | oklab(74.71% -0.10083 0.002) |
| OKLCH | oklch(74.71% 0.10085 178.864) |
| Display P3 | color(display-p3 0.46353 0.75162 0.6845) |
| Rec. 2020 | color(rec2020 0.50196 0.71128 0.65127) |
| Adobe RGB | color(a98-rgb 0.51107 0.75531 0.67989) |
| ProPhoto RGB | color(prophoto-rgb 0.50559 0.67541 0.62697) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.53948 0.42327) |
| XYZ D65 | color(xyz-d65 0.31244 0.43862 0.46865) |
| XYZ D50 | color(xyz-d50 0.31396 0.43568 0.35609) |
| SwiftUI | Color(red: 0.357, green: 0.761, blue: 0.682) |
| UIKit | UIColor(red: 0.357, green: 0.761, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF5BC2AE) |
| Android XML | #5BC2AE |

## ข้อมูล

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

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

#5bc2ae, #6fc8b6, #81cebe, #92d5c6, #a3dbce, #b2e1d6, #c2e7de, #d2ede6, #e1f3ee, #f0f9f7

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

#5bc2ae, #4ea897, #418f80, #35776a, #296055, #1e4941, #13342e, #09201c, #030e0b, #000201

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

#5bc2ae, #67c0ae, #71beae, #7abcae, #83baae, #8bb8ad, #92b6ad, #99b4ad, #a0b1ad, #a7afad

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

- คู่ตรงข้าม: #5bc2ae, #e192ac
- คู่ตรงข้ามแยก: #5bc2ae, #d196cd, #e69488
- ข้างเคียง: #5bc2ae, #7fbf8a, #52bfcf
- สามเส้า: #5bc2ae, #b59fe4, #dd9d6b
- สี่เหลี่ยมผืนผ้า: #5bc2ae, #6db6e6, #e192ac, #dd9d6b
- สี่เหลี่ยมจัตุรัส: #5bc2ae, #93aaee, #e192ac, #c7aa5e
- โทนสีเดียว: #5bc2ae, #007766, #2f9c89, #83e9d4, #befff6

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

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

#5bc2ae เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(91, 194, 174) ใน HSL คือ hsl(168.35, 45.78%, 55.88%) และใน OKLCH คือ oklch(74.71% 0.10085 178.864)

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

สีตรงข้ามของ #5bc2ae คือ #e192ac หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #7fbf8a และ #52bfcf ส่วนสีสามเส้าคือ #b59fe4 และ #dd9d6b

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

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

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

#5bc2ae เป็นสีโทนเย็น ใน OKLCH มีฮิว 179 องศา ความสว่าง 74.7% และความสด 0.101