# สี #54b3cd: โทนสด เฉดอ่อนของสีฟ้า

#54b3cd คือ rgb(84, 179, 205) ใน RGB และ oklch(71.954% 0.0966 218.423) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54b3cd |
| RGB | rgb(84, 179, 205) |
| HSL | hsl(192.89, 54.75%, 56.67%) |
| HSB / HSV | hsv(192.89 59.02% 80.39%) |
| HWB | hwb(192.89 32.94% 19.61%) |
| CMYK | cmyk(59% 13% 0% 20%) |
| Lab | lab(68.01 -23.47 -22.22) |
| LCH | lch(68.01 32.32 223.43) |
| OKLab | oklab(71.954% -0.07568 -0.06003) |
| OKLCH | oklch(71.954% 0.0966 218.423) |
| Display P3 | color(display-p3 0.42748 0.69348 0.7918) |
| Rec. 2020 | color(rec2020 0.46866 0.65072 0.76626) |
| Adobe RGB | color(a98-rgb 0.47198 0.69608 0.79508) |
| ProPhoto RGB | color(prophoto-rgb 0.49455 0.61731 0.74092) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.45079 0.6105) |
| XYZ D65 | color(xyz-d65 0.30794 0.38531 0.63574) |
| XYZ D50 | color(xyz-d50 0.29963 0.3799 0.48095) |
| SwiftUI | Color(red: 0.329, green: 0.702, blue: 0.804) |
| UIKit | UIColor(red: 0.329, green: 0.702, blue: 0.804, alpha: 1) |
| Flutter / Compose | Color(0xFF54B3CD) |
| Android XML | #54B3CD |

## ข้อมูล

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

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

#54b3cd, #68bbd2, #7bc2d7, #8dcadc, #9ed2e1, #aed9e6, #bfe1eb, #cfe8f0, #dff0f5, #eff7fa

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

#54b3cd, #489bb2, #3c8498, #316e7e, #265866, #1b434e, #112f38, #081d23, #020c0f, #000102

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

#54b3cd, #5fb2c9, #69b0c5, #73afc1, #7baebd, #83acb9, #8aabb5, #91a9b1, #98a8ad, #9ea6a8

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

- คู่ตรงข้าม: #54b3cd, #d98f78
- คู่ตรงข้ามแยก: #54b3cd, #d98b98, #cc9960
- ข้างเคียง: #54b3cd, #50b8b0, #73aade
- สามเส้า: #54b3cd, #cd8db9, #b4a55b
- สี่เหลี่ยมผืนผ้า: #54b3cd, #979ee1, #d98f78, #b4a55b
- สี่เหลี่ยมจัตุรัส: #54b3cd, #b694d3, #d98f78, #92b06e
- โทนสีเดียว: #54b3cd, #006a82, #288ea7, #7cdaf5, #c4fcff

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

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

#54b3cd เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(84, 179, 205) ใน HSL คือ hsl(192.89, 54.75%, 56.67%) และใน OKLCH คือ oklch(71.954% 0.0966 218.423)

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

สีตรงข้ามของ #54b3cd คือ #d98f78 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #50b8b0 และ #73aade ส่วนสีสามเส้าคือ #cd8db9 และ #b4a55b

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

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

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

#54b3cd เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 72% และความสด 0.097