# สี #5a4e77: โทนตุ่น เฉดเข้มของสีม่วงไวโอเล็ต

#5a4e77 คือ rgb(90, 78, 119) ใน RGB และ oklch(45.302% 0.06708 297.099) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5a4e77 |
| RGB | rgb(90, 78, 119) |
| HSL | hsl(257.56, 20.81%, 38.63%) |
| HSB / HSV | hsv(257.56 34.45% 46.67%) |
| HWB | hwb(257.56 30.59% 53.33%) |
| CMYK | cmyk(24% 34% 0% 53%) |
| Lab | lab(35.7 12.3 -21.73) |
| LCH | lch(35.7 24.97 299.52) |
| OKLab | oklab(45.302% 0.03056 -0.05972) |
| OKLCH | oklch(45.302% 0.06708 297.099) |
| Display P3 | color(display-p3 0.34515 0.30758 0.45561) |
| Rec. 2020 | color(rec2020 0.28584 0.25192 0.40063) |
| Adobe RGB | color(a98-rgb 0.3426 0.31016 0.45855) |
| ProPhoto RGB | color(prophoto-rgb 0.2862 0.24887 0.37408) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.07619 0.18447) |
| XYZ D65 | color(xyz-d65 0.1027 0.08954 0.18641) |
| XYZ D50 | color(xyz-d50 0.10032 0.08855 0.14055) |
| SwiftUI | Color(red: 0.353, green: 0.306, blue: 0.467) |
| UIKit | UIColor(red: 0.353, green: 0.306, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF5A4E77) |
| Android XML | #5A4E77 |

## ข้อมูล

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

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

#5a4e77, #695e84, #786f91, #88809f, #9891ac, #a8a3ba, #b9b5c7, #cac7d5, #dcd9e3, #edecf1

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

#5a4e77, #4d4367, #413857, #352d47, #292338, #1e192a, #130f1c, #090710, #030205, #000001

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

#5a4e77, #5a4f74, #595071, #59516d, #58526a, #585267, #575364, #575460, #57555d, #565559

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

- คู่ตรงข้าม: #5a4e77, #535b2e
- คู่ตรงข้ามแยก: #5a4e77, #665427, #3c6040
- ข้างเคียง: #5a4e77, #45557c, #6a496a
- สามเส้า: #5a4e77, #724c2f, #246255
- สี่เหลี่ยมผืนผ้า: #5a4e77, #744656, #535b2e, #246255
- สี่เหลี่ยมจัตุรัส: #5a4e77, #774742, #535b2e, #1c6069
- โทนสีเดียว: #5a4e77, #1d1033, #3a2e54, #7c709b, #a094c1

## คำถามเกี่ยวกับ #5a4e77

### #5a4e77 คือสีอะไร

#5a4e77 เป็นโทนตุ่น เฉดเข้มของสีม่วงไวโอเล็ต ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดเข้มของสีม่วงไวโอเล็ต ใน RGB คือ rgb(90, 78, 119) ใน HSL คือ hsl(257.56, 20.81%, 38.63%) และใน OKLCH คือ oklch(45.302% 0.06708 297.099)

### สีอะไรเข้ากับ #5a4e77

สีตรงข้ามของ #5a4e77 คือ #535b2e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #45557c และ #6a496a ส่วนสีสามเส้าคือ #724c2f และ #246255

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

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

### #5a4e77 เป็นสีโทนร้อนหรือโทนเย็น

#5a4e77 เป็นสีโทนเย็น ใน OKLCH มีฮิว 297 องศา ความสว่าง 45.3% และความสด 0.067