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

#5cdbea คือ rgb(92, 219, 234) ใน RGB และ oklch(82.638% 0.11288 205.979) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5cdbea |
| RGB | rgb(92, 219, 234) |
| HSL | hsl(186.34, 77.17%, 63.92%) |
| HSB / HSV | hsv(186.34 60.68% 91.76%) |
| HWB | hwb(186.34 36.08% 8.24%) |
| CMYK | cmyk(61% 6% 0% 8%) |
| Lab | lab(80.82 -33.22 -18.51) |
| LCH | lch(80.82 38.03 209.13) |
| OKLab | oklab(82.638% -0.10148 -0.04945) |
| OKLCH | oklch(82.638% 0.11288 205.979) |
| Display P3 | color(display-p3 0.49972 0.848 0.90747) |
| Rec. 2020 | color(rec2020 0.57367 0.81756 0.89553) |
| Adobe RGB | color(a98-rgb 0.55904 0.8549 0.91274) |
| ProPhoto RGB | color(prophoto-rgb 0.6062 0.7888 0.88172) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.70838 0.82279) |
| XYZ D65 | color(xyz-d65 0.44594 0.58876 0.86859) |
| XYZ D50 | color(xyz-d50 0.43722 0.58151 0.65781) |
| SwiftUI | Color(red: 0.361, green: 0.859, blue: 0.918) |
| UIKit | UIColor(red: 0.361, green: 0.859, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF5CDBEA) |
| Android XML | #5CDBEA |

## ข้อมูล

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

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

#5cdbea, #72dfec, #85e3ee, #97e6f1, #a7eaf3, #b7eef5, #c6f1f7, #d5f5f9, #e3f8fb, #f1fcfd

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

#5cdbea, #4fbecb, #42a2ae, #368791, #2a6d75, #1f545a, #143c41, #0a2629, #031113, #000203

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

#5cdbea, #6cd9e6, #7ad7e3, #86d5df, #91d3dc, #9bd1d8, #a5cfd5, #aecdd1, #b6cbcd, #bec8ca

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

- คู่ตรงข้าม: #5cdbea, #ffa9a0
- คู่ตรงข้ามแยก: #5cdbea, #ffa7c8, #ffb37d
- ข้างเคียง: #5cdbea, #6bdec3, #78d2ff
- สามเส้า: #5cdbea, #edacee, #e7c16c
- สี่เหลี่ยมผืนผ้า: #5cdbea, #a5c5ff, #ffa9a0, #e7c16c
- สี่เหลี่ยมจัตุรัส: #5cdbea, #ccb7ff, #ffa9a0, #c2cf78
- โทนสีเดียว: #5cdbea, #008e9d, #28b4c3, #98ffff, #bbffff

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

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

#5cdbea เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(92, 219, 234) ใน HSL คือ hsl(186.34, 77.17%, 63.92%) และใน OKLCH คือ oklch(82.638% 0.11288 205.979)

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

สีตรงข้ามของ #5cdbea คือ #ffa9a0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6bdec3 และ #78d2ff ส่วนสีสามเส้าคือ #edacee และ #e7c16c

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

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

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

#5cdbea เป็นสีโทนเย็น ใน OKLCH มีฮิว 206 องศา ความสว่าง 82.6% และความสด 0.113