# สี #577ba6: โทนตุ่น สีน้ำเงิน

#577ba6 คือ rgb(87, 123, 166) ใน RGB และ oklch(57.37% 0.07838 253.439) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #577ba6 |
| RGB | rgb(87, 123, 166) |
| HSL | hsl(212.66, 31.23%, 49.61%) |
| HSB / HSV | hsv(212.66 47.59% 65.1%) |
| HWB | hwb(212.66 34.12% 34.9%) |
| CMYK | cmyk(48% 26% 0% 35%) |
| Lab | lab(50.25 -3.9 -27.38) |
| LCH | lch(50.25 27.65 261.9) |
| OKLab | oklab(57.37% -0.02234 -0.07513) |
| OKLCH | oklch(57.37% 0.07838 253.439) |
| Display P3 | color(display-p3 0.37117 0.47848 0.63678) |
| Rec. 2020 | color(rec2020 0.35674 0.42511 0.59529) |
| Adobe RGB | color(a98-rgb 0.38788 0.47891 0.63924) |
| ProPhoto RGB | color(prophoto-rgb 0.37297 0.40109 0.56245) |
| sRGB เชิงเส้น | color(srgb-linear 0.09531 0.19807 0.38133) |
| XYZ D65 | color(xyz-d65 0.17895 0.18945 0.38791) |
| XYZ D50 | color(xyz-d50 0.17241 0.18631 0.29286) |
| SwiftUI | Color(red: 0.341, green: 0.482, blue: 0.651) |
| UIKit | UIColor(red: 0.341, green: 0.482, blue: 0.651, alpha: 1) |
| Flutter / Compose | Color(0xFF577BA6) |
| Android XML | #577BA6 |

## ข้อมูล

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

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

#577ba6, #6788af, #7794b8, #87a1c1, #98aeca, #a9bcd3, #b9c9dc, #cbd6e4, #dce4ed, #edf1f6

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

#577ba6, #4b6a90, #3e5a7a, #334a65, #273a51, #1c2c3e, #121e2b, #08101a, #03050a, #000101

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

#577ba6, #5b7ba2, #5e7b9d, #627b99, #657a94, #697a90, #6c7a8b, #6f7a86, #727982, #75797d

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

- คู่ตรงข้าม: #577ba6, #957142
- คู่ตรงข้ามแยก: #577ba6, #a06952, #807b41
- ข้างเคียง: #577ba6, #3d839a, #7272a6
- สามเส้า: #577ba6, #a1656b, #668352
- สี่เหลี่ยมผืนผ้า: #577ba6, #896b99, #957142, #668352
- สี่เหลี่ยมจัตุรัส: #577ba6, #996684, #957142, #49876b
- โทนสีเดียว: #577ba6, #15375d, #365881, #7aa0cd, #9fc6f4

## คำถามเกี่ยวกับ #577ba6

### #577ba6 คือสีอะไร

#577ba6 เป็นโทนตุ่น สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีน้ำเงิน ใน RGB คือ rgb(87, 123, 166) ใน HSL คือ hsl(212.66, 31.23%, 49.61%) และใน OKLCH คือ oklch(57.37% 0.07838 253.439)

### สีอะไรเข้ากับ #577ba6

สีตรงข้ามของ #577ba6 คือ #957142 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3d839a และ #7272a6 ส่วนสีสามเส้าคือ #a1656b และ #668352

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

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

### #577ba6 เป็นสีโทนร้อนหรือโทนเย็น

#577ba6 เป็นสีโทนเย็น ใน OKLCH มีฮิว 253 องศา ความสว่าง 57.4% และความสด 0.078