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

#54bfae คือ rgb(84, 191, 174) ใน RGB และ oklch(73.731% 0.10189 181.395) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54bfae |
| RGB | rgb(84, 191, 174) |
| HSL | hsl(170.47, 45.53%, 53.92%) |
| HSB / HSV | hsv(170.47 56.02% 74.9%) |
| HWB | hwb(170.47 32.94% 25.1%) |
| CMYK | cmyk(56% 0% 9% 25%) |
| Lab | lab(70.79 -35.36 -1.21) |
| LCH | lch(70.79 35.38 181.96) |
| OKLab | oklab(73.731% -0.10186 -0.00248) |
| OKLCH | oklch(73.731% 0.10189 181.395) |
| Display P3 | color(display-p3 0.44349 0.73972 0.68334) |
| Rec. 2020 | color(rec2020 0.48502 0.69816 0.64978) |
| Adobe RGB | color(a98-rgb 0.49375 0.74343 0.67934) |
| ProPhoto RGB | color(prophoto-rgb 0.49148 0.66183 0.625) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.521 0.42327) |
| XYZ D65 | color(xyz-d65 0.29925 0.42201 0.46614) |
| XYZ D50 | color(xyz-d50 0.29988 0.41888 0.35407) |
| SwiftUI | Color(red: 0.329, green: 0.749, blue: 0.682) |
| UIKit | UIColor(red: 0.329, green: 0.749, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFF54BFAE) |
| Android XML | #54BFAE |

## ข้อมูล

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

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

#54bfae, #69c6b6, #7cccbe, #8ed2c6, #9fd9ce, #b0dfd6, #c0e6de, #d0ece6, #e0f2ee, #eff9f7

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

#54bfae, #48a697, #3c8d80, #31756a, #265e55, #1b4841, #11332e, #081f1c, #020d0b, #000201

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

#54bfae, #61bdae, #6cbbad, #75b9ad, #7eb7ac, #87b5ac, #8fb3ab, #96b1ab, #9daeab, #a3acaa

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

- คู่ตรงข้าม: #54bfae, #df8ea6
- คู่ตรงข้ามแยก: #54bfae, #d092c7, #e39282
- ข้างเคียง: #54bfae, #78bd89, #4ebbcf
- สามเส้า: #54bfae, #b59be0, #d99b65
- สี่เหลี่ยมผืนผ้า: #54bfae, #6cb2e4, #df8ea6, #d99b65
- สี่เหลี่ยมจัตุรัส: #54bfae, #93a6eb, #df8ea6, #c2a85a
- โทนสีเดียว: #54bfae, #007566, #259989, #7de6d4, #bdfff8

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

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

#54bfae เป็นโทนสด เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(84, 191, 174) ใน HSL คือ hsl(170.47, 45.53%, 53.92%) และใน OKLCH คือ oklch(73.731% 0.10189 181.395)

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

สีตรงข้ามของ #54bfae คือ #df8ea6 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #78bd89 และ #4ebbcf ส่วนสีสามเส้าคือ #b59be0 และ #d99b65

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

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

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

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