# สี #4e5f90: โทนหม่น เฉดเข้มของสีน้ำเงิน

#4e5f90 คือ rgb(78, 95, 144) ใน RGB และ oklch(49.325% 0.08159 268.733) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #4e5f90 |
| RGB | rgb(78, 95, 144) |
| HSL | hsl(224.55, 29.73%, 43.53%) |
| HSB / HSV | hsv(224.55 45.83% 56.47%) |
| HWB | hwb(224.55 30.59% 43.53%) |
| CMYK | cmyk(46% 34% 0% 44%) |
| Lab | lab(40.56 3.9 -29.5) |
| LCH | lch(40.56 29.76 277.52) |
| OKLab | oklab(49.325% -0.0018 -0.08157) |
| OKLCH | oklch(49.325% 0.08159 268.733) |
| Display P3 | color(display-p3 0.31895 0.37057 0.55024) |
| Rec. 2020 | color(rec2020 0.28644 0.31388 0.50143) |
| Adobe RGB | color(a98-rgb 0.32959 0.37318 0.55333) |
| ProPhoto RGB | color(prophoto-rgb 0.30406 0.30116 0.4692) |
| sRGB เชิงเส้น | color(srgb-linear 0.07619 0.11444 0.27889) |
| XYZ D65 | color(xyz-d65 0.12267 0.11817 0.28021) |
| XYZ D50 | color(xyz-d50 0.1172 0.11589 0.21133) |
| SwiftUI | Color(red: 0.306, green: 0.373, blue: 0.565) |
| UIKit | UIColor(red: 0.306, green: 0.373, blue: 0.565, alpha: 1) |
| Flutter / Compose | Color(0xFF4E5F90) |
| Android XML | #4E5F90 |

## ข้อมูล

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

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

#4e5f90, #5e6e9b, #6e7da6, #7f8db1, #909dbc, #a2acc8, #b4bdd3, #c6cdde, #d9dde9, #eceef4

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

#4e5f90, #43527d, #38446a, #2d3857, #232c45, #192034, #0f1524, #070a15, #020307, #000001

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

#4e5f90, #505f8b, #526087, #546082, #56617e, #586179, #596174, #5b6170, #5d616b, #5f6166

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

- คู่ตรงข้าม: #4e5f90, #745f24
- คู่ตรงข้ามแยก: #4e5f90, #84552f, #5d682f
- ข้างเคียง: #4e5f90, #2f678a, #685789
- สามเส้า: #4e5f90, #8a4e46, #3e6e47
- สี่เหลี่ยมผืนผ้า: #4e5f90, #7b5078, #745f24, #3e6e47
- สี่เหลี่ยมจัตุรัส: #4e5f90, #874d60, #745f24, #1b7062
- โทนสีเดียว: #4e5f90, #131e49, #2f3e6c, #7082b6, #93a7dd

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

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

#4e5f90 เป็นโทนหม่น เฉดเข้มของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีน้ำเงิน ใน RGB คือ rgb(78, 95, 144) ใน HSL คือ hsl(224.55, 29.73%, 43.53%) และใน OKLCH คือ oklch(49.325% 0.08159 268.733)

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

สีตรงข้ามของ #4e5f90 คือ #745f24 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2f678a และ #685789 ส่วนสีสามเส้าคือ #8a4e46 และ #3e6e47

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

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

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

#4e5f90 เป็นสีโทนเย็น ใน OKLCH มีฮิว 269 องศา ความสว่าง 49.3% และความสด 0.082