# สี #5e85aa: โทนตุ่น สีน้ำเงิน

#5e85aa คือ rgb(94, 133, 170) ใน RGB และ oklch(60.253% 0.07154 247.789) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5e85aa |
| RGB | rgb(94, 133, 170) |
| HSL | hsl(209.21, 30.89%, 51.76%) |
| HSB / HSV | hsv(209.21 44.71% 66.67%) |
| HWB | hwb(209.21 36.86% 33.33%) |
| CMYK | cmyk(45% 22% 0% 33%) |
| Lab | lab(53.75 -6.34 -24.27) |
| LCH | lch(53.75 25.08 255.35) |
| OKLab | oklab(60.253% -0.02704 -0.06623) |
| OKLCH | oklch(60.253% 0.07154 247.789) |
| Display P3 | color(display-p3 0.40119 0.51738 0.65373) |
| Rec. 2020 | color(rec2020 0.38916 0.46586 0.61404) |
| Adobe RGB | color(a98-rgb 0.41801 0.51718 0.65556) |
| ProPhoto RGB | color(prophoto-rgb 0.40116 0.43899 0.58194) |
| sRGB เชิงเส้น | color(srgb-linear 0.11193 0.23455 0.40198) |
| XYZ D65 | color(xyz-d65 0.20258 0.22056 0.41221) |
| XYZ D50 | color(xyz-d50 0.19666 0.21742 0.31138) |
| SwiftUI | Color(red: 0.369, green: 0.522, blue: 0.667) |
| UIKit | UIColor(red: 0.369, green: 0.522, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF5E85AA) |
| Android XML | #5E85AA |

## ข้อมูล

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

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

#5e85aa, #6e91b3, #7d9dbb, #8da9c4, #9db5cc, #adc1d5, #bdcddd, #cdd9e6, #dee6ee, #eef2f7

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

#5e85aa, #517393, #44617d, #375068, #2b4053, #1f303f, #14212d, #0a131b, #03060b, #000101

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

#5e85aa, #6285a6, #6684a2, #69849e, #6d849a, #708396, #748392, #77828d, #7a8289, #7e8185

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

- คู่ตรงข้าม: #5e85aa, #9e7951
- คู่ตรงข้ามแยก: #5e85aa, #a77262, #8c824e
- ข้างเคียง: #5e85aa, #4b8c9d, #767dac
- สามเส้า: #5e85aa, #a66f79, #75895b
- สี่เหลี่ยมผืนผ้า: #5e85aa, #8d76a2, #9e7951, #75895b
- สี่เหลี่ยมจัตุรัส: #5e85aa, #9d7090, #9e7951, #5b8e70
- โทนสีเดียว: #5e85aa, #1b4061, #3c6285, #82aad1, #a7d0f8

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

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

#5e85aa เป็นโทนตุ่น สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีน้ำเงิน ใน RGB คือ rgb(94, 133, 170) ใน HSL คือ hsl(209.21, 30.89%, 51.76%) และใน OKLCH คือ oklch(60.253% 0.07154 247.789)

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

สีตรงข้ามของ #5e85aa คือ #9e7951 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4b8c9d และ #767dac ส่วนสีสามเส้าคือ #a66f79 และ #75895b

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

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

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

#5e85aa เป็นสีโทนเย็น ใน OKLCH มีฮิว 248 องศา ความสว่าง 60.3% และความสด 0.072