# สี #54a2ea: โทนสด สีน้ำเงิน

#54a2ea คือ rgb(84, 162, 234) ใน RGB และ oklch(69.391% 0.13153 248.572) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54a2ea |
| RGB | rgb(84, 162, 234) |
| HSL | hsl(208.8, 78.12%, 62.35%) |
| HSB / HSV | hsv(208.8 64.1% 91.76%) |
| HWB | hwb(208.8 32.94% 8.24%) |
| CMYK | cmyk(64% 31% 0% 8%) |
| Lab | lab(64.05 -7.93 -44.19) |
| LCH | lch(64.05 44.89 259.83) |
| OKLab | oklab(69.391% -0.04805 -0.12244) |
| OKLCH | oklch(69.391% 0.13153 248.572) |
| Display P3 | color(display-p3 0.40593 0.62804 0.89463) |
| Rec. 2020 | color(rec2020 0.44562 0.58408 0.8781) |
| Adobe RGB | color(a98-rgb 0.44235 0.62945 0.90546) |
| ProPhoto RGB | color(prophoto-rgb 0.49485 0.55586 0.85614) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.36131 0.82279) |
| XYZ D65 | color(xyz-d65 0.31426 0.33665 0.82686) |
| XYZ D50 | color(xyz-d50 0.29554 0.32862 0.62386) |
| SwiftUI | Color(red: 0.329, green: 0.635, blue: 0.918) |
| UIKit | UIColor(red: 0.329, green: 0.635, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF54A2EA) |
| Android XML | #54A2EA |

## ข้อมูล

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

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

#54a2ea, #67aced, #79b5ef, #8abff2, #9bc8f4, #acd1f7, #bcdaf9, #cde4fa, #deedfc, #eef6fe

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

#54a2ea, #488ccb, #3c77ae, #316391, #264f75, #1b3c5a, #112a41, #081929, #020a13, #000103

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

#54a2ea, #5da2e2, #66a2db, #6ea1d3, #76a1cc, #7da1c4, #83a0bc, #8a9fb4, #909ead, #969da5

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

- คู่ตรงข้าม: #54a2ea, #d18c33
- คู่ตรงข้ามแยก: #54a2ea, #e17d5d, #b29d27
- ข้างเคียง: #54a2ea, #00afd3, #8b93ed
- สามเส้า: #54a2ea, #e0778c, #84ac4d
- สี่เหลี่ยมผืนผ้า: #54a2ea, #b485db, #d18c33, #84ac4d
- สี่เหลี่ยมจัตุรัส: #54a2ea, #d17bb8, #d18c33, #44b57e
- โทนสีเดียว: #54a2ea, #00599b, #2c7dc2, #81c8ff, #cdedff

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

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

#54a2ea เป็นโทนสด สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด สีน้ำเงิน ใน RGB คือ rgb(84, 162, 234) ใน HSL คือ hsl(208.8, 78.12%, 62.35%) และใน OKLCH คือ oklch(69.391% 0.13153 248.572)

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

สีตรงข้ามของ #54a2ea คือ #d18c33 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00afd3 และ #8b93ed ส่วนสีสามเส้าคือ #e0778c และ #84ac4d

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

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

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

#54a2ea เป็นสีโทนเย็น ใน OKLCH มีฮิว 249 องศา ความสว่าง 69.4% และความสด 0.132