# สี #5aa4bb: โทนละมุน สีฟ้า

#5aa4bb คือ rgb(90, 164, 187) ใน RGB และ oklch(67.959% 0.08104 220.314) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5aa4bb |
| RGB | rgb(90, 164, 187) |
| HSL | hsl(194.23, 41.63%, 54.31%) |
| HSB / HSV | hsv(194.23 51.87% 73.33%) |
| HWB | hwb(194.23 35.29% 26.67%) |
| CMYK | cmyk(52% 12% 0% 27%) |
| Lab | lab(63.26 -19.18 -19.45) |
| LCH | lch(63.26 27.31 225.4) |
| OKLab | oklab(67.959% -0.06179 -0.05243) |
| OKLCH | oklch(67.959% 0.08104 220.314) |
| Display P3 | color(display-p3 0.42358 0.63609 0.72276) |
| Rec. 2020 | color(rec2020 0.44291 0.58969 0.69034) |
| Adobe RGB | color(a98-rgb 0.45722 0.63726 0.72417) |
| ProPhoto RGB | color(prophoto-rgb 0.45936 0.5566 0.66165) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.37124 0.49693) |
| XYZ D65 | color(xyz-d65 0.2646 0.32311 0.51858) |
| XYZ D50 | color(xyz-d50 0.25867 0.31901 0.39232) |
| SwiftUI | Color(red: 0.353, green: 0.643, blue: 0.733) |
| UIKit | UIColor(red: 0.353, green: 0.643, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA4BB) |
| Android XML | #5AA4BB |

## ข้อมูล

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

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

#5aa4bb, #6cadc2, #7db6c9, #8ebfcf, #9ec8d6, #aed1dd, #bedae4, #cfe3eb, #dfedf1, #eff6f8

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

#5aa4bb, #4d8ea2, #41798a, #356473, #29505c, #1e3d46, #132b32, #091a1f, #030a0d, #000102

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

#5aa4bb, #62a3b8, #69a2b4, #70a1b1, #77a0ad, #7d9eaa, #839da6, #889ca3, #8e9b9f, #93999c

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

- คู่ตรงข้าม: #5aa4bb, #c48772
- คู่ตรงข้ามแยก: #5aa4bb, #c4838c, #b89060
- ข้างเคียง: #5aa4bb, #56a8a3, #729cc9
- สามเส้า: #5aa4bb, #bb85a8, #a39a5e
- สี่เหลี่ยมผืนผ้า: #5aa4bb, #8e93ca, #c48772, #a39a5e
- สี่เหลี่ยมจัตุรัส: #5aa4bb, #a88abe, #c48772, #87a36d
- โทนสีเดียว: #5aa4bb, #005c71, #337f95, #80cae2, #a7f2ff

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

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

#5aa4bb เป็นโทนละมุน สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีฟ้า ใน RGB คือ rgb(90, 164, 187) ใน HSL คือ hsl(194.23, 41.63%, 54.31%) และใน OKLCH คือ oklch(67.959% 0.08104 220.314)

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

สีตรงข้ามของ #5aa4bb คือ #c48772 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #56a8a3 และ #729cc9 ส่วนสีสามเส้าคือ #bb85a8 และ #a39a5e

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

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

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

#5aa4bb เป็นสีโทนเย็น ใน OKLCH มีฮิว 220 องศา ความสว่าง 68% และความสด 0.081