# สี #5bc2bd: โทนสด เฉดอ่อนของสีฟ้าอมเขียว

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bc2bd |
| RGB | rgb(91, 194, 189) |
| HSL | hsl(177.09, 45.78%, 55.88%) |
| HSB / HSV | hsv(177.09 53.09% 76.08%) |
| HWB | hwb(177.09 35.69% 23.92%) |
| CMYK | cmyk(53% 0% 3% 24%) |
| Lab | lab(72.29 -32.16 -7.12) |
| LCH | lch(72.29 32.93 192.48) |
| OKLab | oklab(75.179% -0.09422 -0.01837) |
| OKLCH | oklch(75.179% 0.096 191.033) |
| Display P3 | color(display-p3 0.46353 0.75162 0.73811) |
| Rec. 2020 | color(rec2020 0.50578 0.71198 0.70901) |
| Adobe RGB | color(a98-rgb 0.51107 0.75531 0.73635) |
| ProPhoto RGB | color(prophoto-rgb 0.51703 0.67725 0.68466) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.53948 0.50888) |
| XYZ D65 | color(xyz-d65 0.3279 0.4448 0.55003) |
| XYZ D50 | color(xyz-d50 0.32621 0.44087 0.41722) |
| SwiftUI | Color(red: 0.357, green: 0.761, blue: 0.741) |
| UIKit | UIColor(red: 0.357, green: 0.761, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF5BC2BD) |
| Android XML | #5BC2BD |

## ข้อมูล

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

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

#5bc2bd, #6fc8c3, #81ceca, #92d5d0, #a3dbd7, #b3e1de, #c2e7e4, #d2edeb, #e1f3f2, #f0f9f8

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

#5bc2bd, #4ea8a4, #418f8c, #357774, #29605d, #1e4947, #133433, #09201f, #030e0d, #000202

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

#5bc2bd, #67c0bc, #71beba, #7bbdb9, #84bbb7, #8cb9b6, #93b7b4, #9bb5b3, #a1b3b1, #a8b0b0

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

- คู่ตรงข้าม: #5bc2bd, #e4959f
- คู่ตรงข้ามแยก: #5bc2bd, #d996c1, #e39a7f
- ข้างเคียง: #5bc2bd, #74c29b, #61bdd9
- สามเส้า: #5bc2bd, #c29ddc, #d5a469
- สี่เหลี่ยมผืนผ้า: #5bc2bd, #80b3ea, #e4959f, #d5a469
- สี่เหลี่ยมจัตุรัส: #5bc2bd, #a3a8ea, #e4959f, #bbb167
- โทนสีเดียว: #5bc2bd, #007774, #2f9c98, #84e9e4, #b6ffff

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

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

#5bc2bd เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(91, 194, 189) ใน HSL คือ hsl(177.09, 45.78%, 55.88%) และใน OKLCH คือ oklch(75.179% 0.096 191.033)

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

สีตรงข้ามของ #5bc2bd คือ #e4959f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #74c29b และ #61bdd9 ส่วนสีสามเส้าคือ #c29ddc และ #d5a469

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

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

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

#5bc2bd เป็นสีโทนเย็น ใน OKLCH มีฮิว 191 องศา ความสว่าง 75.2% และความสด 0.096