# สี #556ca0: โทนหม่น สีน้ำเงิน

#556ca0 คือ rgb(85, 108, 160) ใน RGB และ oklch(53.559% 0.0866 265.389) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #556ca0 |
| RGB | rgb(85, 108, 160) |
| HSL | hsl(221.6, 30.61%, 48.04%) |
| HSB / HSV | hsv(221.6 46.88% 62.75%) |
| HWB | hwb(221.6 33.33% 37.25%) |
| CMYK | cmyk(47% 32% 0% 37%) |
| Lab | lab(45.5 2.41 -31.25) |
| LCH | lch(45.5 31.34 274.42) |
| OKLab | oklab(53.559% -0.00696 -0.08632) |
| OKLCH | oklch(53.559% 0.0866 265.389) |
| Display P3 | color(display-p3 0.35143 0.42091 0.61179) |
| Rec. 2020 | color(rec2020 0.32663 0.36624 0.56776) |
| Adobe RGB | color(a98-rgb 0.363 0.422 0.61494) |
| ProPhoto RGB | color(prophoto-rgb 0.34467 0.34833 0.53413) |
| sRGB เชิงเส้น | color(srgb-linear 0.09084 0.14996 0.35153) |
| XYZ D65 | color(xyz-d65 0.15453 0.15194 0.35377) |
| XYZ D50 | color(xyz-d50 0.14767 0.14903 0.26685) |
| SwiftUI | Color(red: 0.333, green: 0.424, blue: 0.627) |
| UIKit | UIColor(red: 0.333, green: 0.424, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF556CA0) |
| Android XML | #556CA0 |

## ข้อมูล

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

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

#556ca0, #657aaa, #7588b3, #8597bd, #95a5c6, #a6b4d0, #b8c2d9, #c9d1e3, #dbe0ec, #edf0f6

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

#556ca0, #495d8b, #3d4e76, #314061, #26324e, #1c253b, #111929, #080d19, #020409, #000001

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

#556ca0, #576c9b, #5a6d96, #5c6d91, #5f6d8c, #616d87, #646d82, #666d7d, #686d78, #6b6d73

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

- คู่ตรงข้าม: #556ca0, #84692b
- คู่ตรงข้ามแยก: #556ca0, #945f39, #6b7335
- ข้างเคียง: #556ca0, #337599, #71639a
- สามเส้า: #556ca0, #995953, #4b7b4e
- สี่เหลี่ยมผืนผ้า: #556ca0, #875b89, #84692b, #4b7b4e
- สี่เหลี่ยมจัตุรัส: #556ca0, #955770, #84692b, #277e6b
- โทนสีเดียว: #556ca0, #172957, #354a7b, #7790c6, #9bb5ee

## คำถามเกี่ยวกับ #556ca0

### #556ca0 คือสีอะไร

#556ca0 เป็นโทนหม่น สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น สีน้ำเงิน ใน RGB คือ rgb(85, 108, 160) ใน HSL คือ hsl(221.6, 30.61%, 48.04%) และใน OKLCH คือ oklch(53.559% 0.0866 265.389)

### สีอะไรเข้ากับ #556ca0

สีตรงข้ามของ #556ca0 คือ #84692b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #337599 และ #71639a ส่วนสีสามเส้าคือ #995953 และ #4b7b4e

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

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

### #556ca0 เป็นสีโทนร้อนหรือโทนเย็น

#556ca0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 265 องศา ความสว่าง 53.6% และความสด 0.087