# สี #5aa5eb: โทนสด เฉดอ่อนของสีน้ำเงิน

#5aa5eb คือ rgb(90, 165, 235) ใน RGB และ oklch(70.347% 0.12759 248.602) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5aa5eb |
| RGB | rgb(90, 165, 235) |
| HSL | hsl(208.97, 78.38%, 63.73%) |
| HSB / HSV | hsv(208.97 61.7% 92.16%) |
| HWB | hwb(208.97 35.29% 7.84%) |
| CMYK | cmyk(62% 30% 0% 8%) |
| Lab | lab(65.19 -8.03 -42.94) |
| LCH | lch(65.19 43.68 259.41) |
| OKLab | oklab(70.347% -0.04655 -0.11879) |
| OKLCH | oklch(70.347% 0.12759 248.602) |
| Display P3 | color(display-p3 0.42477 0.63994 0.89899) |
| Rec. 2020 | color(rec2020 0.46143 0.59701 0.88305) |
| Adobe RGB | color(a98-rgb 0.45888 0.64117 0.90968) |
| ProPhoto RGB | color(prophoto-rgb 0.50764 0.56874 0.86172) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.37626 0.83077) |
| XYZ D65 | color(xyz-d65 0.32665 0.35081 0.8365) |
| XYZ D50 | color(xyz-d50 0.30837 0.34285 0.6312) |
| SwiftUI | Color(red: 0.353, green: 0.647, blue: 0.922) |
| UIKit | UIColor(red: 0.353, green: 0.647, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA5EB) |
| Android XML | #5AA5EB |

## ข้อมูล

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

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

#5aa5eb, #6caeee, #7db7f0, #8ec1f3, #9ecaf5, #aed3f7, #bfdcf9, #cfe4fb, #dfedfc, #eff6fe

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

#5aa5eb, #4d8fcc, #4179ae, #356591, #295175, #1e3d5b, #132b41, #091a29, #030a13, #000103

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

#5aa5eb, #63a5e4, #6ba5dc, #73a4d5, #7aa4cd, #81a3c6, #87a3be, #8da2b7, #94a1af, #9aa0a7

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

- คู่ตรงข้าม: #5aa5eb, #d38f3b
- คู่ตรงข้ามแยก: #5aa5eb, #e28262, #b4a032
- ข้างเคียง: #5aa5eb, #00b1d5, #8e96ee
- สามเส้า: #5aa5eb, #e27c8f, #87af54
- สี่เหลี่ยมผืนผ้า: #5aa5eb, #b688dc, #d38f3b, #87af54
- สี่เหลี่ยมจัตุรัส: #5aa5eb, #d37fba, #d38f3b, #4cb782
- โทนสีเดียว: #5aa5eb, #005c9c, #3380c3, #88cbff, #d3f0ff

## คำถามเกี่ยวกับ #5aa5eb

### #5aa5eb คือสีอะไร

#5aa5eb เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(90, 165, 235) ใน HSL คือ hsl(208.97, 78.38%, 63.73%) และใน OKLCH คือ oklch(70.347% 0.12759 248.602)

### สีอะไรเข้ากับ #5aa5eb

สีตรงข้ามของ #5aa5eb คือ #d38f3b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00b1d5 และ #8e96ee ส่วนสีสามเส้าคือ #e27c8f และ #87af54

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

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

### #5aa5eb เป็นสีโทนร้อนหรือโทนเย็น

#5aa5eb เป็นสีโทนเย็น ใน OKLCH มีฮิว 249 องศา ความสว่าง 70.3% และความสด 0.128