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

#57455e คือ rgb(87, 69, 94) ใน RGB และ oklch(41.892% 0.0466 316.409) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #57455e |
| RGB | rgb(87, 69, 94) |
| HSL | hsl(283.2, 15.34%, 31.96%) |
| HSB / HSV | hsv(283.2 26.6% 36.86%) |
| HWB | hwb(283.2 27.06% 63.14%) |
| CMYK | cmyk(7% 27% 0% 63%) |
| Lab | lab(31.96 11.82 -11.82) |
| LCH | lch(31.96 16.71 315) |
| OKLab | oklab(41.892% 0.03375 -0.03213) |
| OKLCH | oklch(41.892% 0.0466 316.409) |
| Display P3 | color(display-p3 0.32995 0.27328 0.36213) |
| Rec. 2020 | color(rec2020 0.26178 0.21658 0.30288) |
| Adobe RGB | color(a98-rgb 0.32618 0.27721 0.36619) |
| ProPhoto RGB | color(prophoto-rgb 0.2556 0.21811 0.28663) |
| sRGB เชิงเส้น | color(srgb-linear 0.09531 0.05951 0.11193) |
| XYZ D65 | color(xyz-d65 0.08079 0.07091 0.11533) |
| XYZ D50 | color(xyz-d50 0.0805 0.07065 0.08704) |
| SwiftUI | Color(red: 0.341, green: 0.271, blue: 0.369) |
| UIKit | UIColor(red: 0.341, green: 0.271, blue: 0.369, alpha: 1) |
| Flutter / Compose | Color(0xFF57455E) |
| Android XML | #57455E |

## ข้อมูล

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

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

#57455e, #66566d, #76677c, #86798c, #978b9b, #a79dab, #b8b0bc, #cac3cc, #dbd7dd, #edebee

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

#57455e, #4b3b51, #3e3144, #332737, #271e2b, #1c151f, #120c14, #08050a, #030203, #000000

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

#57455e, #56465c, #55475b, #544759, #534857, #524955, #514a54, #504b52, #4f4b50, #4e4c4e

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

- คู่ตรงข้าม: #57455e, #415339
- คู่ตรงข้ามแยก: #57455e, #504f30, #335547
- ข้างเคียง: #57455e, #4a4965, #604352
- สามเส้า: #57455e, #5b492f, #2b5555
- สี่เหลี่ยมผืนผ้า: #57455e, #644244, #415339, #2b5555
- สี่เหลี่ยมจัตุรัส: #57455e, #624537, #415339, #305260
- โทนสีเดียว: #57455e, #190a1f, #37263d, #796681, #9d89a5

## คำถามเกี่ยวกับ #57455e

### #57455e คือสีอะไร

#57455e เป็นโทนหม่น เฉดเข้มของสีม่วง ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีม่วง ใน RGB คือ rgb(87, 69, 94) ใน HSL คือ hsl(283.2, 15.34%, 31.96%) และใน OKLCH คือ oklch(41.892% 0.0466 316.409)

### สีอะไรเข้ากับ #57455e

สีตรงข้ามของ #57455e คือ #415339 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4a4965 และ #604352 ส่วนสีสามเส้าคือ #5b492f และ #2b5555

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

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

### #57455e เป็นสีโทนร้อนหรือโทนเย็น

#57455e เป็นสีโทนกลาง ใน OKLCH มีฮิว 316 องศา ความสว่าง 41.9% และความสด 0.047