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

#54ccc2 คือ rgb(84, 204, 194) ใน RGB และ oklch(77.496% 0.10796 187.616) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54ccc2 |
| RGB | rgb(84, 204, 194) |
| HSL | hsl(175, 54.05%, 56.47%) |
| HSB / HSV | hsv(175 58.82% 80%) |
| HWB | hwb(175 32.94% 20%) |
| CMYK | cmyk(59% 0% 5% 20%) |
| Lab | lab(75.16 -36.8 -5.64) |
| LCH | lch(75.16 37.23 188.71) |
| OKLab | oklab(77.496% -0.107 -0.01431) |
| OKLCH | oklch(77.496% 0.10796 187.616) |
| Display P3 | color(display-p3 0.4615 0.78983 0.75886) |
| Rec. 2020 | color(rec2020 0.51845 0.75262 0.73223) |
| Adobe RGB | color(a98-rgb 0.51805 0.79502 0.757) |
| ProPhoto RGB | color(prophoto-rgb 0.53293 0.71836 0.70971) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.60383 0.53948) |
| XYZ D65 | color(xyz-d65 0.34985 0.48964 0.58648) |
| XYZ D50 | color(xyz-d50 0.34841 0.4853 0.4451) |
| SwiftUI | Color(red: 0.329, green: 0.8, blue: 0.761) |
| UIKit | UIColor(red: 0.329, green: 0.8, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFF54CCC2) |
| Android XML | #54CCC2 |

## ข้อมูล

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

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

#54ccc2, #6bd1c8, #7ed7ce, #90dcd4, #a2e1da, #b2e6e0, #c2ebe6, #d2f0ec, #e1f5f3, #f0faf9

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

#54ccc2, #48b1a8, #3c978f, #317e77, #266560, #1b4e49, #113734, #082220, #020f0e, #000202

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

#54ccc2, #63cac1, #70c8c0, #7bc6be, #85c4bd, #8ec1bc, #97bfbb, #9fbdb9, #a7bbb8, #afb8b7

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

- คู่ตรงข้าม: #54ccc2, #f198a9
- คู่ตรงข้ามแยก: #54ccc2, #e39bce, #f29d84
- ข้างเคียง: #54ccc2, #77cb9b, #58c6e3
- สามเส้า: #54ccc2, #c8a3eb, #e4a867
- สี่เหลี่ยมผืนผ้า: #54ccc2, #7cbcf7, #f198a9, #e4a867
- สี่เหลี่ยมจัตุรัส: #54ccc2, #a5affa, #f198a9, #c8b661
- โทนสีเดียว: #54ccc2, #008178, #20a69c, #7ff4e9, #bafffe

## คำถามเกี่ยวกับ #54ccc2

### #54ccc2 คือสีอะไร

#54ccc2 เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(84, 204, 194) ใน HSL คือ hsl(175, 54.05%, 56.47%) และใน OKLCH คือ oklch(77.496% 0.10796 187.616)

### สีอะไรเข้ากับ #54ccc2

สีตรงข้ามของ #54ccc2 คือ #f198a9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #77cb9b และ #58c6e3 ส่วนสีสามเส้าคือ #c8a3eb และ #e4a867

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

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

### #54ccc2 เป็นสีโทนร้อนหรือโทนเย็น

#54ccc2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 188 องศา ความสว่าง 77.5% และความสด 0.108