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

#554f70 คือ rgb(85, 79, 112) ใน RGB และ oklch(44.692% 0.05381 292.419) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #554f70 |
| RGB | rgb(85, 79, 112) |
| HSL | hsl(250.91, 17.28%, 37.45%) |
| HSB / HSV | hsv(250.91 29.46% 43.92%) |
| HWB | hwb(250.91 30.98% 56.08%) |
| CMYK | cmyk(24% 29% 0% 56%) |
| Lab | lab(35.22 8.45 -18.18) |
| LCH | lch(35.22 20.05 294.92) |
| OKLab | oklab(44.692% 0.02052 -0.04974) |
| OKLCH | oklch(44.692% 0.05381 292.419) |
| Display P3 | color(display-p3 0.3293 0.31062 0.42983) |
| Rec. 2020 | color(rec2020 0.27224 0.25351 0.37368) |
| Adobe RGB | color(a98-rgb 0.32986 0.31384 0.43286) |
| ProPhoto RGB | color(prophoto-rgb 0.27307 0.24886 0.3498) |
| sRGB เชิงเส้น | color(srgb-linear 0.09084 0.07819 0.16203) |
| XYZ D65 | color(xyz-d65 0.09466 0.08693 0.16509) |
| XYZ D50 | color(xyz-d50 0.09291 0.08609 0.12456) |
| SwiftUI | Color(red: 0.333, green: 0.31, blue: 0.439) |
| UIKit | UIColor(red: 0.333, green: 0.31, blue: 0.439, alpha: 1) |
| Flutter / Compose | Color(0xFF554F70) |
| Android XML | #554F70 |

## ข้อมูล

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

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

#554f70, #645f7e, #746f8b, #848099, #9591a7, #a6a3b6, #b7b5c4, #c8c7d3, #dad9e1, #edecf0

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

#554f70, #494460, #3d3851, #312e43, #262335, #1c1927, #11101a, #08070e, #020204, #000001

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

#554f70, #55506d, #55506b, #555168, #555165, #545262, #545260, #54535d, #54535a, #545457

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

- คู่ตรงข้าม: #554f70, #555834
- คู่ตรงข้ามแยก: #554f70, #635231, #435c41
- ข้างเคียง: #554f70, #445573, #634a66
- สามเส้า: #554f70, #6c4c38, #325e51
- สี่เหลี่ยมผืนผ้า: #554f70, #6c4857, #555834, #325e51
- สี่เหลี่ยมจัตุรัส: #554f70, #6f4847, #555834, #2c5d61
- โทนสีเดียว: #554f70, #19122e, #352f4e, #777194, #9b95ba

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

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

#554f70 เป็นโทนหม่น เฉดเข้มของสีม่วงไวโอเล็ต ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีม่วงไวโอเล็ต ใน RGB คือ rgb(85, 79, 112) ใน HSL คือ hsl(250.91, 17.28%, 37.45%) และใน OKLCH คือ oklch(44.692% 0.05381 292.419)

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

สีตรงข้ามของ #554f70 คือ #555834 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #445573 และ #634a66 ส่วนสีสามเส้าคือ #6c4c38 และ #325e51

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

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

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

#554f70 เป็นสีโทนเย็น ใน OKLCH มีฮิว 292 องศา ความสว่าง 44.7% และความสด 0.054