# สี #4c5083: โทนหม่น เฉดเข้มของสีคราม

#4c5083 คือ rgb(76, 80, 131) ใน RGB และ oklch(45.131% 0.08309 279.095) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4c5083 |
| RGB | rgb(76, 80, 131) |
| HSL | hsl(235.64, 26.57%, 40.59%) |
| HSB / HSV | hsv(235.64 41.98% 51.37%) |
| HWB | hwb(235.64 29.8% 48.63%) |
| CMYK | cmyk(42% 39% 0% 49%) |
| Lab | lab(35.47 8.99 -29.59) |
| LCH | lch(35.47 30.92 286.9) |
| OKLab | oklab(45.131% 0.01313 -0.08204) |
| OKLCH | oklch(45.131% 0.08309 279.095) |
| Display P3 | color(display-p3 0.3009 0.31322 0.49963) |
| Rec. 2020 | color(rec2020 0.25662 0.25613 0.44711) |
| Adobe RGB | color(a98-rgb 0.30708 0.31752 0.5033) |
| ProPhoto RGB | color(prophoto-rgb 0.27302 0.25185 0.41695) |
| sRGB เชิงเส้น | color(srgb-linear 0.07227 0.08022 0.22697) |
| XYZ D65 | color(xyz-d65 0.09945 0.08912 0.2267) |
| XYZ D50 | color(xyz-d50 0.09489 0.08735 0.17087) |
| SwiftUI | Color(red: 0.298, green: 0.314, blue: 0.514) |
| UIKit | UIColor(red: 0.298, green: 0.314, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFF4C5083) |
| Android XML | #4C5083 |

## ข้อมูล

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

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

#4c5083, #5c608f, #6c719c, #7d82a8, #8e93b4, #a0a4c1, #b2b6cd, #c5c8da, #d8dae6, #ebecf2

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

#4c5083, #414471, #363960, #2c2e4f, #22243f, #181a2f, #0f1020, #060712, #020206, #000001

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

#4c5083, #4d517f, #4e527a, #4f5276, #4f5371, #50536d, #515468, #525464, #53555f, #54555a

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

- คู่ตรงข้าม: #4c5083, #615615
- คู่ตรงข้ามแยก: #4c5083, #734c1a, #475e2a
- ข้างเคียง: #4c5083, #2d5982, #634879
- สามเส้า: #4c5083, #7c4431, #246345
- สี่เหลี่ยมผืนผ้า: #4c5083, #744265, #615615, #246345
- สี่เหลี่ยมจัตุรัส: #4c5083, #7c414c, #615615, #00645f
- โทนสีเดียว: #4c5083, #13103d, #2d2f5f, #6d72a8, #9097cf

## คำถามเกี่ยวกับ #4c5083

### #4c5083 คือสีอะไร

#4c5083 เป็นโทนหม่น เฉดเข้มของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีคราม ใน RGB คือ rgb(76, 80, 131) ใน HSL คือ hsl(235.64, 26.57%, 40.59%) และใน OKLCH คือ oklch(45.131% 0.08309 279.095)

### สีอะไรเข้ากับ #4c5083

สีตรงข้ามของ #4c5083 คือ #615615 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2d5982 และ #634879 ส่วนสีสามเส้าคือ #7c4431 และ #246345

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

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

### #4c5083 เป็นสีโทนร้อนหรือโทนเย็น

#4c5083 เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 45.1% และความสด 0.083