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

#533d55 คือ rgb(83, 61, 85) ใน RGB และ oklch(39.347% 0.04881 323.672) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #533d55 |
| RGB | rgb(83, 61, 85) |
| HSL | hsl(295, 16.44%, 28.63%) |
| HSB / HSV | hsv(295 28.24% 33.33%) |
| HWB | hwb(295 23.92% 66.67%) |
| CMYK | cmyk(2% 28% 0% 67%) |
| Lab | lab(28.96 13.5 -10.62) |
| LCH | lch(28.96 17.18 321.79) |
| OKLab | oklab(39.347% 0.03932 -0.02891) |
| OKLCH | oklch(39.347% 0.04881 323.672) |
| Display P3 | color(display-p3 0.3122 0.24266 0.32744) |
| Rec. 2020 | color(rec2020 0.24043 0.18603 0.26683) |
| Adobe RGB | color(a98-rgb 0.30824 0.24819 0.33291) |
| ProPhoto RGB | color(prophoto-rgb 0.23532 0.19314 0.25518) |
| sRGB เชิงเส้น | color(srgb-linear 0.0865 0.04667 0.09084) |
| XYZ D65 | color(xyz-d65 0.06875 0.05832 0.09358) |
| XYZ D50 | color(xyz-d50 0.06869 0.05821 0.0706) |
| SwiftUI | Color(red: 0.325, green: 0.239, blue: 0.333) |
| UIKit | UIColor(red: 0.325, green: 0.239, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFF533D55) |
| Android XML | #533D55 |

## ข้อมูล

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

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

#533d55, #634e65, #736074, #837285, #948595, #a599a6, #b7acb7, #c8c0c9, #dad5db, #edeaed

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

#533d55, #473449, #3b2b3d, #302231, #251a26, #1b121c, #110a11, #080408, #020102, #000000

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

#533d55, #523e54, #513f52, #4f4051, #4e414f, #4d424e, #4b434c, #4a434a, #494449, #474547

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

- คู่ตรงข้าม: #533d55, #364d35
- คู่ตรงข้ามแยก: #533d55, #46492a, #274f44
- ข้างเคียง: #533d55, #47415e, #5b3b48
- สามเส้า: #533d55, #524426, #224e52
- สี่เหลี่ยมผืนผ้า: #533d55, #5e3b39, #364d35, #224e52
- สี่เหลี่ยมจัตุรัส: #533d55, #5b3f2d, #364d35, #2a4a5c
- โทนสีเดียว: #533d55, #150417, #331f35, #755e77, #99819b

## คำถามเกี่ยวกับ #533d55

### #533d55 คือสีอะไร

#533d55 เป็นโทนหม่น เฉดเข้มของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีม่วง ใน RGB คือ rgb(83, 61, 85) ใน HSL คือ hsl(295, 16.44%, 28.63%) และใน OKLCH คือ oklch(39.347% 0.04881 323.672)

### สีอะไรเข้ากับ #533d55

สีตรงข้ามของ #533d55 คือ #364d35 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #47415e และ #5b3b48 ส่วนสีสามเส้าคือ #524426 และ #224e52

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

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

### #533d55 เป็นสีโทนร้อนหรือโทนเย็น

#533d55 เป็นสีโทนกลาง ใน OKLCH มีฮิว 324 องศา ความสว่าง 39.3% และความสด 0.049