# สี #424e55: เฉดเข้มของสีเทา

#424e55 คือ rgb(66, 78, 85) ใน RGB และ oklch(41.604% 0.01928 233.512) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #424e55 |
| RGB | rgb(66, 78, 85) |
| HSL | hsl(202.11, 12.58%, 29.61%) |
| HSB / HSV | hsv(202.11 22.35% 33.33%) |
| HWB | hwb(202.11 25.88% 66.67%) |
| CMYK | cmyk(22% 8% 0% 67%) |
| Lab | lab(32.31 -3.62 -5.83) |
| LCH | lch(32.31 6.86 238.19) |
| OKLab | oklab(41.604% -0.01147 -0.0155) |
| OKLCH | oklch(41.604% 0.01928 233.512) |
| Display P3 | color(display-p3 0.26789 0.30446 0.33032) |
| Rec. 2020 | color(rec2020 0.21798 0.24308 0.27074) |
| Adobe RGB | color(a98-rgb 0.27963 0.31016 0.33497) |
| ProPhoto RGB | color(prophoto-rgb 0.2223 0.23621 0.26) |
| sRGB เชิงเส้น | color(srgb-linear 0.05448 0.07619 0.09084) |
| XYZ D65 | color(xyz-d65 0.06611 0.07263 0.09648) |
| XYZ D50 | color(xyz-d50 0.0661 0.07224 0.07302) |
| SwiftUI | Color(red: 0.259, green: 0.306, blue: 0.333) |
| UIKit | UIColor(red: 0.259, green: 0.306, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFF424E55) |
| Android XML | #424E55 |

## ข้อมูล

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

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

#424e55, #535e64, #646e74, #767f84, #889095, #9ba2a6, #aeb4b7, #c2c6c9, #d6d9db, #eaeced

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

#424e55, #384349, #2f383d, #252d31, #1c2326, #14191c, #0b0f11, #050708, #010202, #000000

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

#424e55, #434e54, #444e53, #454d52, #464d51, #474d50, #484d50, #494d4f, #4a4c4e, #4b4c4d

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

- คู่ตรงข้าม: #424e55, #554942
- คู่ตรงข้ามแยก: #424e55, #564847, #514b40
- ข้างเคียง: #424e55, #404f51, #474c57
- สามเส้า: #424e55, #55484d, #4c4d41
- สี่เหลี่ยมผืนผ้า: #424e55, #4c4a56, #554942, #4c4d41
- สี่เหลี่ยมจัตุรัส: #424e55, #514952, #554942, #464f45
- โทนสีเดียว: #424e55, #081218, #232f35, #637077, #86939b

## คำถามเกี่ยวกับ #424e55

### #424e55 คือสีอะไร

#424e55 เป็นเฉดเข้มของสีเทา ชื่อสีที่ใกล้ที่สุดคือ เฉดเข้มของสีเทา ใน RGB คือ rgb(66, 78, 85) ใน HSL คือ hsl(202.11, 12.58%, 29.61%) และใน OKLCH คือ oklch(41.604% 0.01928 233.512)

### สีอะไรเข้ากับ #424e55

สีตรงข้ามของ #424e55 คือ #554942 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #404f51 และ #474c57 ส่วนสีสามเส้าคือ #55484d และ #4c4d41

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

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

### #424e55 เป็นสีโทนร้อนหรือโทนเย็น

#424e55 เป็นสีโทนกลาง ใน OKLCH มีฮิว 234 องศา ความสว่าง 41.6% และความสด 0.019