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

#5bc1aa คือ rgb(91, 193, 170) ใน RGB และ oklch(74.349% 0.1017 176.486) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bc1aa |
| RGB | rgb(91, 193, 170) |
| HSL | hsl(166.47, 45.13%, 55.69%) |
| HSB / HSV | hsv(166.47 52.85% 75.69%) |
| HWB | hwb(166.47 35.69% 24.31%) |
| CMYK | cmyk(53% 0% 12% 24%) |
| Lab | lab(71.55 -35.4 2.08) |
| LCH | lch(71.55 35.46 176.64) |
| OKLab | oklab(74.349% -0.10151 0.00623) |
| OKLCH | oklch(74.349% 0.1017 176.486) |
| Display P3 | color(display-p3 0.46222 0.74777 0.66997) |
| Rec. 2020 | color(rec2020 0.49888 0.707 0.6356) |
| Adobe RGB | color(a98-rgb 0.50927 0.75135 0.66476) |
| ProPhoto RGB | color(prophoto-rgb 0.50074 0.67083 0.61135) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.53328 0.40198) |
| XYZ D65 | color(xyz-d65 0.30638 0.43265 0.44768) |
| XYZ D50 | color(xyz-d50 0.30853 0.42994 0.34028) |
| SwiftUI | Color(red: 0.357, green: 0.757, blue: 0.667) |
| UIKit | UIColor(red: 0.357, green: 0.757, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF5BC1AA) |
| Android XML | #5BC1AA |

## ข้อมูล

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

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

#5bc1aa, #6fc7b2, #81ceba, #92d4c3, #a2dacb, #b2e0d4, #c2e7dc, #d1ede5, #e1f3ee, #f0f9f6

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

#5bc1aa, #4ea793, #418f7d, #357768, #295f53, #1e493f, #13342d, #09201b, #030e0b, #000201

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

#5bc1aa, #66bfaa, #71bdaa, #7abbab, #82b9ab, #8ab7ab, #92b5ab, #99b3ab, #9fb0ab, #a6aeac

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

- คู่ตรงข้าม: #5bc1aa, #e091ad
- คู่ตรงข้ามแยก: #5bc1aa, #ce95ce, #e5938a
- ข้างเคียง: #5bc1aa, #80be86, #4fbecc
- สามเส้า: #5bc1aa, #b29fe5, #dd9b6b
- สี่เหลี่ยมผืนผ้า: #5bc1aa, #68b6e4, #e091ad, #dd9b6b
- สี่เหลี่ยมจัตุรัส: #5bc1aa, #8eaaed, #e091ad, #c8a85d
- โทนสีเดียว: #5bc1aa, #007763, #2f9b85, #83e8d0, #bffff4

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

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

#5bc1aa เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(91, 193, 170) ใน HSL คือ hsl(166.47, 45.13%, 55.69%) และใน OKLCH คือ oklch(74.349% 0.1017 176.486)

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

สีตรงข้ามของ #5bc1aa คือ #e091ad หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #80be86 และ #4fbecc ส่วนสีสามเส้าคือ #b29fe5 และ #dd9b6b

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

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

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

#5bc1aa เป็นสีโทนเย็น ใน OKLCH มีฮิว 176 องศา ความสว่าง 74.3% และความสด 0.102