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

#554e5d คือ rgb(85, 78, 93) ใน RGB และ oklch(43.626% 0.02582 306.389) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #554e5d |
| RGB | rgb(85, 78, 93) |
| HSL | hsl(268, 8.77%, 33.53%) |
| HSB / HSV | hsv(268 16.13% 36.47%) |
| HWB | hwb(268 30.59% 63.53%) |
| CMYK | cmyk(9% 16% 0% 64%) |
| Lab | lab(34.29 5.44 -7.72) |
| LCH | lch(34.29 9.45 305.15) |
| OKLab | oklab(43.626% 0.01532 -0.02079) |
| OKLCH | oklch(43.626% 0.02582 306.389) |
| Display P3 | color(display-p3 0.32866 0.30684 0.36032) |
| Rec. 2020 | color(rec2020 0.26672 0.24863 0.3015) |
| Adobe RGB | color(a98-rgb 0.32888 0.31016 0.36363) |
| ProPhoto RGB | color(prophoto-rgb 0.26019 0.24335 0.28625) |
| sRGB เชิงเส้น | color(srgb-linear 0.09084 0.07619 0.10946) |
| XYZ D65 | color(xyz-d65 0.08446 0.0817 0.11488) |
| XYZ D50 | color(xyz-d50 0.08462 0.08146 0.08683) |
| SwiftUI | Color(red: 0.333, green: 0.306, blue: 0.365) |
| UIKit | UIColor(red: 0.333, green: 0.306, blue: 0.365, alpha: 1) |
| Flutter / Compose | Color(0xFF554E5D) |
| Android XML | #554E5D |

## ข้อมูล

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

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

#554e5d, #645e6c, #746e7b, #847f8b, #95909a, #a6a2ab, #b7b4bb, #c9c6cc, #dbd9dc, #edecee

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

#554e5d, #494350, #3d3843, #312d37, #26232a, #1c191f, #110f14, #08070a, #020203, #000000

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

#554e5d, #554e5c, #544f5b, #544f5a, #544f58, #535057, #535056, #525055, #525154, #525153

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

- คู่ตรงข้าม: #554e5d, #4e5445
- คู่ตรงข้ามแยก: #554e5d, #555242, #46564c
- ข้างเคียง: #554e5d, #4d5160, #5b4c57
- สามเส้า: #554e5d, #5c4f43, #425654
- สี่เหลี่ยมผืนผ้า: #554e5d, #5f4c4f, #4e5445, #425654
- สี่เหลี่ยมจัตุรัส: #554e5d, #5f4d48, #4e5445, #42555b
- โทนสีเดียว: #554e5d, #18121e, #352f3c, #777080, #9b93a4

## คำถามเกี่ยวกับ #554e5d

### #554e5d คือสีอะไร

#554e5d เป็นโทนหม่น เฉดเข้มของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีม่วง ใน RGB คือ rgb(85, 78, 93) ใน HSL คือ hsl(268, 8.77%, 33.53%) และใน OKLCH คือ oklch(43.626% 0.02582 306.389)

### สีอะไรเข้ากับ #554e5d

สีตรงข้ามของ #554e5d คือ #4e5445 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4d5160 และ #5b4c57 ส่วนสีสามเส้าคือ #5c4f43 และ #425654

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

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

### #554e5d เป็นสีโทนร้อนหรือโทนเย็น

#554e5d เป็นสีโทนกลาง ใน OKLCH มีฮิว 306 องศา ความสว่าง 43.6% และความสด 0.026