# สี #5a85bc: โทนละมุน สีน้ำเงิน

#5a85bc คือ rgb(90, 133, 188) ใน RGB และ oklch(60.879% 0.0968 255.061) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5a85bc |
| RGB | rgb(90, 133, 188) |
| HSL | hsl(213.67, 42.24%, 54.51%) |
| HSB / HSV | hsv(213.67 52.13% 73.73%) |
| HWB | hwb(213.67 35.29% 26.27%) |
| CMYK | cmyk(52% 29% 0% 26%) |
| Lab | lab(54.17 -3.15 -33.91) |
| LCH | lch(54.17 34.05 264.69) |
| OKLab | oklab(60.879% -0.02495 -0.09353) |
| OKLCH | oklch(60.879% 0.0968 255.061) |
| Display P3 | color(display-p3 0.38965 0.51705 0.71974) |
| Rec. 2020 | color(rec2020 0.38688 0.46639 0.68536) |
| Adobe RGB | color(a98-rgb 0.40893 0.51718 0.72422) |
| ProPhoto RGB | color(prophoto-rgb 0.4115 0.44101 0.65316) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.23455 0.50289) |
| XYZ D65 | color(xyz-d65 0.2168 0.22579 0.50794) |
| XYZ D50 | color(xyz-d50 0.20687 0.22138 0.3833) |
| SwiftUI | Color(red: 0.353, green: 0.522, blue: 0.737) |
| UIKit | UIColor(red: 0.353, green: 0.522, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF5A85BC) |
| Android XML | #5A85BC |

## ข้อมูล

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

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

#5a85bc, #6a91c3, #7a9dca, #8aa9d1, #9ab5d8, #abc1df, #bbcde5, #ccdaec, #dde6f2, #eef3f9

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

#5a85bc, #4d73a3, #41618b, #355073, #29405d, #1e3047, #132132, #09131f, #03060d, #000102

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

#5a85bc, #5f85b6, #6385b1, #6785ab, #6b85a6, #7085a0, #74849a, #778494, #7b848f, #7f8389

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

- คู่ตรงข้าม: #5a85bc, #a57a3a
- คู่ตรงข้ามแยก: #5a85bc, #b36f50, #8b863b
- ข้างเคียง: #5a85bc, #338fae, #7d7abb
- สามเส้า: #5a85bc, #b56a70, #699053
- สี่เหลี่ยมผืนผ้า: #5a85bc, #9971ab, #a57a3a, #699053
- สี่เหลี่ยมจัตุรัส: #5a85bc, #ac6a90, #a57a3a, #419574
- โทนสีเดียว: #5a85bc, #163f71, #386196, #7eaae3, #a3d1ff

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

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

#5a85bc เป็นโทนละมุน สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีน้ำเงิน ใน RGB คือ rgb(90, 133, 188) ใน HSL คือ hsl(213.67, 42.24%, 54.51%) และใน OKLCH คือ oklch(60.879% 0.0968 255.061)

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

สีตรงข้ามของ #5a85bc คือ #a57a3a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #338fae และ #7d7abb ส่วนสีสามเส้าคือ #b56a70 และ #699053

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

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

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

#5a85bc เป็นสีโทนเย็น ใน OKLCH มีฮิว 255 องศา ความสว่าง 60.9% และความสด 0.097