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

#4a5477 คือ rgb(74, 84, 119) ใน RGB และ oklch(45.218% 0.05888 271.633) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4a5477 |
| RGB | rgb(74, 84, 119) |
| HSL | hsl(226.67, 23.32%, 37.84%) |
| HSB / HSV | hsv(226.67 37.82% 46.67%) |
| HWB | hwb(226.67 29.02% 53.33%) |
| CMYK | cmyk(38% 29% 0% 53%) |
| Lab | lab(35.98 3.09 -21.44) |
| LCH | lch(35.98 21.66 278.2) |
| OKLab | oklab(45.218% 0.00168 -0.05886) |
| OKLCH | oklch(45.218% 0.05888 271.633) |
| Display P3 | color(display-p3 0.29761 0.3282 0.45601) |
| Rec. 2020 | color(rec2020 0.25377 0.2696 0.40134) |
| Adobe RGB | color(a98-rgb 0.3065 0.33229 0.45914) |
| ProPhoto RGB | color(prophoto-rgb 0.26477 0.26141 0.37517) |
| sRGB เชิงเส้น | color(srgb-linear 0.06848 0.08866 0.18447) |
| XYZ D65 | color(xyz-d65 0.09324 0.09128 0.18724) |
| XYZ D50 | color(xyz-d50 0.0904 0.08997 0.14129) |
| SwiftUI | Color(red: 0.29, green: 0.329, blue: 0.467) |
| UIKit | UIColor(red: 0.29, green: 0.329, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF4A5477) |
| Android XML | #4A5477 |

## ข้อมูล

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

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

#4a5477, #5a6484, #6b7491, #7c849f, #8e95ac, #a0a6ba, #b2b7c7, #c5c9d5, #d8dbe3, #ebedf1

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

#4a5477, #3f4867, #353c57, #2a3147, #202638, #171b2a, #0e111c, #060810, #020205, #000001

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

#4a5477, #4b5474, #4c5571, #4d556d, #4f556a, #505567, #515563, #525660, #53565d, #555659

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

- คู่ตรงข้าม: #4a5477, #62552e
- คู่ตรงข้ามแยก: #4a5477, #6e4e33, #505b35
- ข้างเคียง: #4a5477, #375a74, #5c4e72
- สามเส้า: #4a5477, #734941, #3c5f45
- สี่เหลี่ยมผืนผ้า: #4a5477, #694a65, #62552e, #3c5f45
- สี่เหลี่ยมจัตุรัส: #4a5477, #714853, #62552e, #2b6158
- โทนสีเดียว: #4a5477, #101633, #2b3454, #6b769b, #8f9ac1

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

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

#4a5477 เป็นโทนตุ่น เฉดเข้มของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดเข้มของสีคราม ใน RGB คือ rgb(74, 84, 119) ใน HSL คือ hsl(226.67, 23.32%, 37.84%) และใน OKLCH คือ oklch(45.218% 0.05888 271.633)

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

สีตรงข้ามของ #4a5477 คือ #62552e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #375a74 และ #5c4e72 ส่วนสีสามเส้าคือ #734941 และ #3c5f45

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

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

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

#4a5477 เป็นสีโทนเย็น ใน OKLCH มีฮิว 272 องศา ความสว่าง 45.2% และความสด 0.059