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

#54c4bd คือ rgb(84, 196, 189) ใน RGB และ oklch(75.414% 0.10208 189.586) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54c4bd |
| RGB | rgb(84, 196, 189) |
| HSL | hsl(176.25, 48.7%, 54.9%) |
| HSB / HSV | hsv(176.25 57.14% 76.86%) |
| HWB | hwb(176.25 32.94% 23.14%) |
| CMYK | cmyk(57% 0% 4% 23%) |
| Lab | lab(72.65 -34.47 -6.62) |
| LCH | lch(72.65 35.1 190.87) |
| OKLab | oklab(75.414% -0.10065 -0.017) |
| OKLCH | oklch(75.414% 0.10208 189.586) |
| Display P3 | color(display-p3 0.45034 0.75899 0.73853) |
| Rec. 2020 | color(rec2020 0.4997 0.71941 0.70962) |
| Adobe RGB | color(a98-rgb 0.50302 0.76324 0.73669) |
| ProPhoto RGB | color(prophoto-rgb 0.51295 0.68433 0.68557) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.55201 0.50888) |
| XYZ D65 | color(xyz-d65 0.32579 0.45037 0.55122) |
| XYZ D50 | color(xyz-d50 0.32408 0.4463 0.41822) |
| SwiftUI | Color(red: 0.329, green: 0.769, blue: 0.741) |
| UIKit | UIColor(red: 0.329, green: 0.769, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFF54C4BD) |
| Android XML | #54C4BD |

## ข้อมูล

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

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

#54c4bd, #6acac3, #7dd0ca, #8fd6d0, #a0dcd7, #b1e2de, #c1e8e4, #d1eeeb, #e0f3f2, #f0f9f8

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

#54c4bd, #48aaa4, #3c918c, #317874, #26615d, #1b4a47, #113533, #08211f, #020e0d, #000202

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

#54c4bd, #62c2bc, #6dc0ba, #78beb9, #81bcb7, #8abab6, #92b8b5, #9ab6b3, #a1b4b2, #a8b1b0

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

- คู่ตรงข้าม: #54c4bd, #e894a1
- คู่ตรงข้ามแยก: #54c4bd, #db96c4, #e7997e
- ข้างเคียง: #54c4bd, #72c398, #5abedc
- สามเส้า: #54c4bd, #c39de0, #d9a465
- สี่เหลี่ยมผืนผ้า: #54c4bd, #7cb4ee, #e894a1, #d9a465
- สี่เหลี่ยมจัตุรัส: #54c4bd, #a2a8ef, #e894a1, #bfb161
- โทนสีเดียว: #54c4bd, #007974, #239e98, #7eebe4, #b8ffff

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

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

#54c4bd เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(84, 196, 189) ใน HSL คือ hsl(176.25, 48.7%, 54.9%) และใน OKLCH คือ oklch(75.414% 0.10208 189.586)

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

สีตรงข้ามของ #54c4bd คือ #e894a1 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #72c398 และ #5abedc ส่วนสีสามเส้าคือ #c39de0 และ #d9a465

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

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

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

#54c4bd เป็นสีโทนเย็น ใน OKLCH มีฮิว 190 องศา ความสว่าง 75.4% และความสด 0.102