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

#2cc5df คือ rgb(44, 197, 223) ใน RGB และ oklch(75.921% 0.12428 212.448) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #2cc5df |
| RGB | rgb(44, 197, 223) |
| HSL | hsl(188.72, 73.66%, 52.35%) |
| HSB / HSV | hsv(188.72 80.27% 87.45%) |
| HWB | hwb(188.72 17.25% 12.55%) |
| CMYK | cmyk(80% 12% 0% 13%) |
| Lab | lab(72.93 -33.02 -24.65) |
| LCH | lch(72.93 41.21 216.74) |
| OKLab | oklab(75.921% -0.10488 -0.06668) |
| OKLCH | oklch(75.921% 0.12428 212.448) |
| Display P3 | color(display-p3 0.38085 0.76152 0.86116) |
| Rec. 2020 | color(rec2020 0.4699 0.72227 0.84324) |
| Adobe RGB | color(a98-rgb 0.45512 0.76721 0.86695) |
| ProPhoto RGB | color(prophoto-rgb 0.51361 0.68864 0.82334) |
| sRGB เชิงเส้น | color(srgb-linear 0.02519 0.55834 0.73791) |
| XYZ D65 | color(xyz-d65 0.34322 0.45793 0.76845) |
| XYZ D50 | color(xyz-d50 0.33161 0.4506 0.5815) |
| SwiftUI | Color(red: 0.173, green: 0.773, blue: 0.875) |
| UIKit | UIColor(red: 0.173, green: 0.773, blue: 0.875, alpha: 1) |
| Flutter / Compose | Color(0xFF2CC5DF) |
| Android XML | #2CC5DF |

## ข้อมูล

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

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

#2cc5df, #51cbe2, #6bd1e6, #81d7e9, #95ddec, #a8e3f0, #bae9f3, #cceef6, #ddf4f9, #eefafc

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

#2cc5df, #25abc2, #1e92a5, #17798a, #11616f, #0a4b56, #05353d, #022127, #010e12, #000202

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

#2cc5df, #47c3da, #5ac2d6, #69c0d1, #76becd, #82bcc8, #8dbac3, #97b8bf, #a0b5ba, #a8b3b5

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

- คู่ตรงข้าม: #2cc5df, #f5927e
- คู่ตรงข้ามแยก: #2cc5df, #f28eaa, #e99e58
- ข้างเคียง: #2cc5df, #34cab7, #63baf9
- สามเส้า: #2cc5df, #df92d3, #cdae49
- สี่เหลี่ยมผืนผ้า: #2cc5df, #96abff, #f5927e, #cdae49
- สี่เหลี่ยมจัตุรัส: #2cc5df, #c09df2, #f5927e, #a3bd60
- โทนสีเดียว: #2cc5df, #00788e, #009fb8, #62edff, #c5ffff

## คำถามเกี่ยวกับ #2cc5df

### #2cc5df คือสีอะไร

#2cc5df เป็นโทนสด เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(44, 197, 223) ใน HSL คือ hsl(188.72, 73.66%, 52.35%) และใน OKLCH คือ oklch(75.921% 0.12428 212.448)

### สีอะไรเข้ากับ #2cc5df

สีตรงข้ามของ #2cc5df คือ #f5927e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #34cab7 และ #63baf9 ส่วนสีสามเส้าคือ #df92d3 และ #cdae49

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

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

### #2cc5df เป็นสีโทนร้อนหรือโทนเย็น

#2cc5df เป็นสีโทนเย็น ใน OKLCH มีฮิว 212 องศา ความสว่าง 75.9% และความสด 0.124