# สี #54546c: โทนตุ่น เฉดเข้มของสีคราม

#54546c คือ rgb(84, 84, 108) ใน RGB และ oklch(45.532% 0.0389 284.751) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #54546c |
| RGB | rgb(84, 84, 108) |
| HSL | hsl(240, 12.5%, 37.65%) |
| HSB / HSV | hsv(240 22.22% 42.35%) |
| HWB | hwb(240 32.94% 57.65%) |
| CMYK | cmyk(22% 22% 0% 58%) |
| Lab | lab(36.44 4.31 -13.86) |
| LCH | lch(36.44 14.52 287.25) |
| OKLab | oklab(45.532% 0.0099 -0.03762) |
| OKLCH | oklch(45.532% 0.0389 284.751) |
| Display P3 | color(display-p3 0.32941 0.32941 0.41616) |
| Rec. 2020 | color(rec2020 0.27512 0.27148 0.35967) |
| Adobe RGB | color(a98-rgb 0.33229 0.33229 0.41875) |
| ProPhoto RGB | color(prophoto-rgb 0.27401 0.26305 0.33772) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.08866 0.14996) |
| XYZ D65 | color(xyz-d65 0.09533 0.09308 0.15482) |
| XYZ D50 | color(xyz-d50 0.09426 0.09237 0.11693) |
| SwiftUI | Color(red: 0.329, green: 0.329, blue: 0.424) |
| UIKit | UIColor(red: 0.329, green: 0.329, blue: 0.424, alpha: 1) |
| Flutter / Compose | Color(0xFF54546C) |
| Android XML | #54546C |

## ข้อมูล

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

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

#54546c, #63647a, #737488, #848496, #9495a4, #a5a6b3, #b7b7c2, #c8c8d1, #dadae0, #ecedef

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

#54546c, #48485d, #3c3c4e, #313140, #262632, #1b1b25, #111119, #08080d, #020204, #000000

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

#54546c, #54546a, #545568, #555566, #555564, #555561, #55565f, #56565d, #56565b, #565659

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

- คู่ตรงข้าม: #54546c, #5a583f
- คู่ตรงข้ามแยก: #54546c, #64543e, #4e5c46
- ข้างเคียง: #54546c, #48586c, #5f5066
- สามเส้า: #54546c, #6a5045, #425e51
- สี่เหลี่ยมผืนผ้า: #54546c, #674e5c, #5a583f, #425e51
- สี่เหลี่ยมจัตุรัส: #54546c, #6b4e50, #5a583f, #3c5e5d
- โทนสีเดียว: #54546c, #18172b, #34344a, #767690, #9a9ab5

## คำถามเกี่ยวกับ #54546c

### #54546c คือสีอะไร

#54546c เป็นโทนตุ่น เฉดเข้มของสีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดเข้มของสีคราม ใน RGB คือ rgb(84, 84, 108) ใน HSL คือ hsl(240, 12.5%, 37.65%) และใน OKLCH คือ oklch(45.532% 0.0389 284.751)

### สีอะไรเข้ากับ #54546c

สีตรงข้ามของ #54546c คือ #5a583f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #48586c และ #5f5066 ส่วนสีสามเส้าคือ #6a5045 และ #425e51

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

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

### #54546c เป็นสีโทนร้อนหรือโทนเย็น

#54546c เป็นสีโทนเย็น ใน OKLCH มีฮิว 285 องศา ความสว่าง 45.5% และความสด 0.039