# สี #503a55: โทนหม่น เฉดเข้มของสีม่วง

#503a55 คือ rgb(80, 58, 85) ใน RGB และ oklch(38.369% 0.05298 320.022) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #503a55 |
| RGB | rgb(80, 58, 85) |
| HSL | hsl(288.89, 18.88%, 28.04%) |
| HSB / HSV | hsv(288.89 31.76% 33.33%) |
| HWB | hwb(288.89 22.75% 66.67%) |
| CMYK | cmyk(6% 32% 0% 67%) |
| Lab | lab(27.76 14.1 -12.47) |
| LCH | lch(27.76 18.83 318.52) |
| OKLab | oklab(38.369% 0.0406 -0.03404) |
| OKLCH | oklch(38.369% 0.05298 320.022) |
| Display P3 | color(display-p3 0.30051 0.23092 0.32667) |
| Rec. 2020 | color(rec2020 0.22903 0.17432 0.26591) |
| Adobe RGB | color(a98-rgb 0.29732 0.23738 0.33261) |
| ProPhoto RGB | color(prophoto-rgb 0.22678 0.18381 0.25415) |
| sRGB เชิงเส้น | color(srgb-linear 0.08022 0.04231 0.09084) |
| XYZ D65 | color(xyz-d65 0.06461 0.05388 0.09294) |
| XYZ D50 | color(xyz-d50 0.06427 0.05369 0.07009) |
| SwiftUI | Color(red: 0.314, green: 0.227, blue: 0.333) |
| UIKit | UIColor(red: 0.314, green: 0.227, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFF503A55) |
| Android XML | #503A55 |

## ข้อมูล

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

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

#503a55, #604c65, #705e75, #817085, #928395, #a497a6, #b5abb8, #c7bfc9, #dad4db, #ece9ed

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

#503a55, #443149, #39283d, #2e2031, #241826, #1a101c, #100911, #070408, #020102, #000000

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

#503a55, #4f3b53, #4e3c52, #4c3d50, #4b3e4e, #4a3f4c, #49404b, #474149, #464247, #454245

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

- คู่ตรงข้าม: #503a55, #344a2f
- คู่ตรงข้ามแยก: #503a55, #454623, #234d3f
- ข้างเคียง: #503a55, #433e5e, #593747
- สามเส้า: #503a55, #524021, #194c4e
- สี่เหลี่ยมผืนผ้า: #503a55, #5d3837, #344a2f, #194c4e
- สี่เหลี่ยมจัตุรัส: #503a55, #5a3b29, #344a2f, #22495a
- โทนสีเดียว: #503a55, #130317, #301c35, #725b77, #967d9b

## คำถามเกี่ยวกับ #503a55

### #503a55 คือสีอะไร

#503a55 เป็นโทนหม่น เฉดเข้มของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีม่วง ใน RGB คือ rgb(80, 58, 85) ใน HSL คือ hsl(288.89, 18.88%, 28.04%) และใน OKLCH คือ oklch(38.369% 0.05298 320.022)

### สีอะไรเข้ากับ #503a55

สีตรงข้ามของ #503a55 คือ #344a2f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #433e5e และ #593747 ส่วนสีสามเส้าคือ #524021 และ #194c4e

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

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

### #503a55 เป็นสีโทนร้อนหรือโทนเย็น

#503a55 เป็นสีโทนกลาง ใน OKLCH มีฮิว 320 องศา ความสว่าง 38.4% และความสด 0.053