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

#54bcd9 คือ rgb(84, 188, 217) ใน RGB และ oklch(74.537% 0.10385 219.073) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54bcd9 |
| RGB | rgb(84, 188, 217) |
| HSL | hsl(193.08, 63.64%, 59.02%) |
| HSB / HSV | hsv(193.08 61.29% 85.1%) |
| HWB | hwb(193.08 32.94% 14.9%) |
| CMYK | cmyk(61% 13% 0% 15%) |
| Lab | lab(71.03 -24.82 -24.19) |
| LCH | lch(71.03 34.65 224.26) |
| OKLab | oklab(74.537% -0.08062 -0.06546) |
| OKLCH | oklch(74.537% 0.10385 219.073) |
| Display P3 | color(display-p3 0.43943 0.72816 0.8377) |
| Rec. 2020 | color(rec2020 0.49115 0.68814 0.81695) |
| Adobe RGB | color(a98-rgb 0.48825 0.73157 0.84252) |
| ProPhoto RGB | color(prophoto-rgb 0.52216 0.65547 0.79466) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.50289 0.69387) |
| XYZ D65 | color(xyz-d65 0.34162 0.42859 0.7212) |
| XYZ D50 | color(xyz-d50 0.33163 0.4223 0.54555) |
| SwiftUI | Color(red: 0.329, green: 0.737, blue: 0.851) |
| UIKit | UIColor(red: 0.329, green: 0.737, blue: 0.851, alpha: 1) |
| Flutter / Compose | Color(0xFF54BCD9) |
| Android XML | #54BCD9 |

## ข้อมูล

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

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

#54bcd9, #69c3dd, #7ccae1, #8ed0e5, #9fd7e9, #b0deed, #c0e5f0, #d0ebf4, #e0f2f8, #eff8fb

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

#54bcd9, #48a3bc, #3c8ba1, #317386, #265d6c, #1b4753, #11323b, #081f25, #020d11, #000202

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

#54bcd9, #61bbd5, #6cb9d0, #76b8cc, #7fb6c7, #88b5c3, #90b3be, #98b2ba, #9fb0b5, #a6aeb1

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

- คู่ตรงข้าม: #54bcd9, #e5957b
- คู่ตรงข้ามแยก: #54bcd9, #e5909f, #d7a061
- ข้างเคียง: #54bcd9, #4ec2ba, #77b2ec
- สามเส้า: #54bcd9, #d893c2, #bdae5d
- สี่เหลี่ยมผืนผ้า: #54bcd9, #9ea6ed, #e5957b, #bdae5d
- สี่เหลี่ยมจัตุรัส: #54bcd9, #c09adf, #e5957b, #98ba72
- โทนสีเดียว: #54bcd9, #00728d, #2596b2, #7de3ff, #cffeff

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

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

#54bcd9 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(84, 188, 217) ใน HSL คือ hsl(193.08, 63.64%, 59.02%) และใน OKLCH คือ oklch(74.537% 0.10385 219.073)

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

สีตรงข้ามของ #54bcd9 คือ #e5957b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4ec2ba และ #77b2ec ส่วนสีสามเส้าคือ #d893c2 และ #bdae5d

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

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

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

#54bcd9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 219 องศา ความสว่าง 74.5% และความสด 0.104