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

#5bdcc3 คือ rgb(91, 220, 195) ใน RGB และ oklch(81.575% 0.11964 178.209) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5bdcc3 |
| RGB | rgb(91, 220, 195) |
| HSL | hsl(168.37, 64.82%, 60.98%) |
| HSB / HSV | hsv(168.37 58.64% 86.27%) |
| HWB | hwb(168.37 35.69% 13.73%) |
| CMYK | cmyk(59% 0% 11% 14%) |
| Lab | lab(80.15 -41.74 1.09) |
| LCH | lch(80.15 41.75 178.51) |
| OKLab | oklab(81.575% -0.11958 0.00374) |
| OKLCH | oklch(81.575% 0.11964 178.209) |
| Display P3 | color(display-p3 0.49899 0.85182 0.76768) |
| Rec. 2020 | color(rec2020 0.56357 0.81966 0.74307) |
| Adobe RGB | color(a98-rgb 0.55937 0.8589 0.76369) |
| ProPhoto RGB | color(prophoto-rgb 0.57418 0.7877 0.72337) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.71569 0.54572) |
| XYZ D65 | color(xyz-d65 0.39756 0.57348 0.60606) |
| XYZ D50 | color(xyz-d50 0.39935 0.56943 0.46064) |
| SwiftUI | Color(red: 0.357, green: 0.863, blue: 0.765) |
| UIKit | UIColor(red: 0.357, green: 0.863, blue: 0.765, alpha: 1) |
| Flutter / Compose | Color(0xFF5BDCC3) |
| Android XML | #5BDCC3 |

## ข้อมูล

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

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

#5bdcc3, #71e0c9, #85e3cf, #96e7d5, #a7ebdb, #b6eee1, #c6f2e7, #d4f5ed, #e3f8f3, #f1fcf9

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

#5bdcc3, #4ebfa9, #41a390, #358878, #296e60, #1e544a, #133c34, #092620, #03110e, #000202

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

#5bdcc3, #6bdac3, #78d7c3, #84d5c3, #8fd2c3, #99d0c3, #a2cdc3, #abcbc3, #b3c8c3, #bbc5c3

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

- คู่ตรงข้าม: #5bdcc3, #ffa1c2
- คู่ตรงข้ามแยก: #5bdcc3, #eda7ea, #ffa497
- ข้างเคียง: #5bdcc3, #8bd897, #4dd8eb
- สามเส้า: #5bdcc3, #ccb2ff, #fdaf72
- สี่เหลี่ยมผืนผ้า: #5bdcc3, #72ceff, #ffa1c2, #fdaf72
- สี่เหลี่ยมจัตุรัส: #5bdcc3, #a4c0ff, #ffa1c2, #e3be61
- โทนสีเดียว: #5bdcc3, #008f79, #27b59d, #86ffea, #befff5

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

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

#5bdcc3 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(91, 220, 195) ใน HSL คือ hsl(168.37, 64.82%, 60.98%) และใน OKLCH คือ oklch(81.575% 0.11964 178.209)

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

สีตรงข้ามของ #5bdcc3 คือ #ffa1c2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8bd897 และ #4dd8eb ส่วนสีสามเส้าคือ #ccb2ff และ #fdaf72

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

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

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

#5bdcc3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 178 องศา ความสว่าง 81.6% และความสด 0.12