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

#54c8bb คือ rgb(84, 200, 187) ใน RGB และ oklch(76.313% 0.10625 185.156) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54c8bb |
| RGB | rgb(84, 200, 187) |
| HSL | hsl(173.28, 51.33%, 55.69%) |
| HSB / HSV | hsv(173.28 58% 78.43%) |
| HWB | hwb(173.28 32.94% 21.57%) |
| CMYK | cmyk(58% 0% 7% 22%) |
| Lab | lab(73.8 -36.55 -3.87) |
| LCH | lch(73.8 36.75 186.04) |
| OKLab | oklab(76.313% -0.10582 -0.00955) |
| OKLCH | oklch(76.313% 0.10625 185.156) |
| Display P3 | color(display-p3 0.45589 0.77441 0.73258) |
| Rec. 2020 | color(rec2020 0.50784 0.73579 0.70351) |
| Adobe RGB | color(a98-rgb 0.5105 0.77912 0.72983) |
| ProPhoto RGB | color(prophoto-rgb 0.51933 0.70073 0.68004) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.57758 0.49693) |
| XYZ D65 | color(xyz-d65 0.33278 0.46779 0.54291) |
| XYZ D50 | color(xyz-d50 0.33222 0.46391 0.41217) |
| SwiftUI | Color(red: 0.329, green: 0.784, blue: 0.733) |
| UIKit | UIColor(red: 0.329, green: 0.784, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF54C8BB) |
| Android XML | #54C8BB |

## ข้อมูล

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

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

#54c8bb, #6acec2, #7ed3c8, #90d9cf, #a1ded6, #b1e4dd, #c1e9e3, #d1efea, #e1f4f1, #f0faf8

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

#54c8bb, #48aea2, #3c948a, #317b73, #26635c, #1b4c46, #113632, #08211f, #020f0d, #000202

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

#54c8bb, #62c6ba, #6ec4b9, #79c2b8, #83c0b7, #8cbeb6, #94bbb6, #9cb9b5, #a4b7b4, #abb4b3

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

- คู่ตรงข้าม: #54c8bb, #eb95a9
- คู่ตรงข้ามแยก: #54c8bb, #dc98cd, #ed9984
- ข้างเคียง: #54c8bb, #78c695, #54c3dc
- สามเส้า: #54c8bb, #c2a1e8, #e1a467
- สี่เหลี่ยมผืนผ้า: #54c8bb, #76b9f1, #eb95a9, #e1a467
- สี่เหลี่ยมจัตุรัส: #54c8bb, #9eadf6, #eb95a9, #c7b25f
- โทนสีเดียว: #54c8bb, #007d72, #21a296, #7ef0e2, #bbfffc

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

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

#54c8bb เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(84, 200, 187) ใน HSL คือ hsl(173.28, 51.33%, 55.69%) และใน OKLCH คือ oklch(76.313% 0.10625 185.156)

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

สีตรงข้ามของ #54c8bb คือ #eb95a9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #78c695 และ #54c3dc ส่วนสีสามเส้าคือ #c2a1e8 และ #e1a467

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

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

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

#54c8bb เป็นสีโทนเย็น ใน OKLCH มีฮิว 185 องศา ความสว่าง 76.3% และความสด 0.106