# สี #554e71: โทนหม่น เฉดเข้มของสีม่วงไวโอเล็ต

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #554e71 |
| RGB | rgb(85, 78, 113) |
| HSL | hsl(252, 18.32%, 37.45%) |
| HSB / HSV | hsv(252 30.97% 44.31%) |
| HWB | hwb(252 30.59% 55.69%) |
| CMYK | cmyk(25% 31% 0% 56%) |
| Lab | lab(34.97 9.25 -19.19) |
| LCH | lch(34.97 21.3 295.74) |
| OKLab | oklab(44.522% 0.02243 -0.05256) |
| OKLCH | oklch(44.522% 0.05715 293.108) |
| Display P3 | color(display-p3 0.32866 0.30684 0.43331) |
| Rec. 2020 | color(rec2020 0.27126 0.24991 0.37728) |
| Adobe RGB | color(a98-rgb 0.32888 0.31016 0.43643) |
| ProPhoto RGB | color(prophoto-rgb 0.27272 0.24604 0.35294) |
| sRGB เชิงเส้น | color(srgb-linear 0.09084 0.07619 0.16513) |
| XYZ D65 | color(xyz-d65 0.09451 0.08572 0.1678) |
| XYZ D50 | color(xyz-d50 0.09258 0.08484 0.12658) |
| SwiftUI | Color(red: 0.333, green: 0.306, blue: 0.443) |
| UIKit | UIColor(red: 0.333, green: 0.306, blue: 0.443, alpha: 1) |
| Flutter / Compose | Color(0xFF554E71) |
| Android XML | #554E71 |

## ข้อมูล

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

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

#554e71, #645e7f, #746f8c, #84809a, #9591a8, #a6a2b6, #b7b4c4, #c8c7d3, #dad9e1, #edecf0

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

#554e71, #494361, #3d3852, #312d43, #262335, #1c1927, #110f1a, #08070e, #020204, #000001

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

#554e71, #554f6e, #554f6b, #555068, #545166, #545163, #545260, #54525d, #54535a, #545357

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

- คู่ตรงข้าม: #554e71, #545731
- คู่ตรงข้ามแยก: #554e71, #63512d, #415c3f
- ข้างเคียง: #554e71, #435474, #634966
- สามเส้า: #554e71, #6d4b35, #2f5e51
- สี่เหลี่ยมผืนผ้า: #554e71, #6d4757, #545731, #2f5e51
- สี่เหลี่ยมจัตุรัส: #554e71, #704745, #545731, #275d62
- โทนสีเดียว: #554e71, #19112e, #352e4f, #777095, #9b94bb

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

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

#554e71 เป็นโทนหม่น เฉดเข้มของสีม่วงไวโอเล็ต ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีม่วงไวโอเล็ต ใน RGB คือ rgb(85, 78, 113) ใน HSL คือ hsl(252, 18.32%, 37.45%) และใน OKLCH คือ oklch(44.522% 0.05715 293.108)

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

สีตรงข้ามของ #554e71 คือ #545731 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #435474 และ #634966 ส่วนสีสามเส้าคือ #6d4b35 และ #2f5e51

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

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

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

#554e71 เป็นสีโทนเย็น ใน OKLCH มีฮิว 293 องศา ความสว่าง 44.5% และความสด 0.057