# สี #5877a2: โทนตุ่น สีน้ำเงิน

#5877a2 คือ rgb(88, 119, 162) ใน RGB และ oklch(56.327% 0.07615 256.683) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5877a2 |
| RGB | rgb(88, 119, 162) |
| HSL | hsl(214.86, 29.6%, 49.02%) |
| HSB / HSV | hsv(214.86 45.68% 63.53%) |
| HWB | hwb(214.86 34.51% 36.47%) |
| CMYK | cmyk(46% 27% 0% 36%) |
| Lab | lab(48.99 -2.38 -27) |
| LCH | lch(48.99 27.1 264.96) |
| OKLab | oklab(56.327% -0.01754 -0.0741) |
| OKLCH | oklch(56.327% 0.07615 256.683) |
| Display P3 | color(display-p3 0.37033 0.46325 0.62132) |
| Rec. 2020 | color(rec2020 0.35102 0.40946 0.57849) |
| Adobe RGB | color(a98-rgb 0.38469 0.46368 0.62365) |
| ProPhoto RGB | color(prophoto-rgb 0.36546 0.38679 0.54562) |
| sRGB เชิงเส้น | color(srgb-linear 0.09759 0.18447 0.36131) |
| XYZ D65 | color(xyz-d65 0.17142 0.17877 0.36731) |
| XYZ D50 | color(xyz-d50 0.1653 0.17586 0.27728) |
| SwiftUI | Color(red: 0.345, green: 0.467, blue: 0.635) |
| UIKit | UIColor(red: 0.345, green: 0.467, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF5877A2) |
| Android XML | #5877A2 |

## ข้อมูล

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

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

#5877a2, #6884ab, #7891b5, #889ebe, #98acc7, #a9b9d1, #b9c7da, #cbd5e3, #dce3ec, #edf1f6

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

#5877a2, #4b678c, #3f5777, #334763, #28384f, #1d2a3c, #121c2a, #091019, #03050a, #000101

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

#5877a2, #5b779e, #5e7799, #617795, #647791, #67778c, #6a7688, #6d7683, #70767f, #73767a

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

- คู่ตรงข้าม: #5877a2, #8f6f40
- คู่ตรงข้ามแยก: #5877a2, #9b674e, #7b7941
- ข้างเคียง: #5877a2, #3f7f98, #726fa0
- สามเส้า: #5877a2, #9d6365, #608053
- สี่เหลี่ยมผืนผ้า: #5877a2, #876793, #8f6f40, #608053
- สี่เหลี่ยมจัตุรัส: #5877a2, #96637e, #8f6f40, #45846c
- โทนสีเดียว: #5877a2, #18345a, #37547d, #7b9bc8, #9fc1f0

## คำถามเกี่ยวกับ #5877a2

### #5877a2 คือสีอะไร

#5877a2 เป็นโทนตุ่น สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีน้ำเงิน ใน RGB คือ rgb(88, 119, 162) ใน HSL คือ hsl(214.86, 29.6%, 49.02%) และใน OKLCH คือ oklch(56.327% 0.07615 256.683)

### สีอะไรเข้ากับ #5877a2

สีตรงข้ามของ #5877a2 คือ #8f6f40 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3f7f98 และ #726fa0 ส่วนสีสามเส้าคือ #9d6365 และ #608053

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

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

### #5877a2 เป็นสีโทนร้อนหรือโทนเย็น

#5877a2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 257 องศา ความสว่าง 56.3% และความสด 0.076