# สี #2c4454: โทนหม่น เฉดเข้มของสีฟ้า

#2c4454 คือ rgb(44, 68, 84) ใน RGB และ oklch(37.402% 0.04052 238.47) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #2c4454 |
| RGB | rgb(44, 68, 84) |
| HSL | hsl(204, 31.25%, 25.1%) |
| HSB / HSV | hsv(204 47.62% 32.94%) |
| HWB | hwb(204 17.25% 67.06%) |
| CMYK | cmyk(48% 19% 0% 67%) |
| Lab | lab(27.41 -5.88 -12.72) |
| LCH | lch(27.41 14.02 245.21) |
| OKLab | oklab(37.402% -0.02119 -0.03454) |
| OKLCH | oklch(37.402% 0.04052 238.47) |
| Display P3 | color(display-p3 0.19304 0.26414 0.32335) |
| Rec. 2020 | color(rec2020 0.15507 0.20094 0.26305) |
| Adobe RGB | color(a98-rgb 0.21628 0.27356 0.33012) |
| ProPhoto RGB | color(prophoto-rgb 0.17829 0.20056 0.25249) |
| sRGB เชิงเส้น | color(srgb-linear 0.02519 0.05781 0.08866) |
| XYZ D65 | color(xyz-d65 0.04706 0.0531 0.09165) |
| XYZ D50 | color(xyz-d50 0.04593 0.05242 0.06927) |
| SwiftUI | Color(red: 0.173, green: 0.267, blue: 0.329) |
| UIKit | UIColor(red: 0.173, green: 0.267, blue: 0.329, alpha: 1) |
| Flutter / Compose | Color(0xFF2C4454) |
| Android XML | #2C4454 |

## ข้อมูล

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

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

#2c4454, #3f5564, #526674, #667884, #7a8a95, #8f9da6, #a5b0b7, #bbc3c9, #d1d7db, #e8ebed

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

#2c4454, #253a48, #1e303c, #172631, #111d26, #0a141b, #050c11, #020508, #010202, #000000

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

#2c4454, #2e4452, #314350, #33434e, #35434c, #37434a, #394249, #3b4247, #3d4145, #3f4143

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

- คู่ตรงข้าม: #2c4454, #513c2b
- คู่ตรงข้ามแยก: #2c4454, #543935, #4a4027
- ข้างเคียง: #2c4454, #25474c, #384057
- สามเส้า: #2c4454, #533840, #3e442b
- สี่เหลี่ยมผืนผ้า: #2c4454, #433c54, #513c2b, #3e442b
- สี่เหลี่ยมจัตุรัส: #2c4454, #4d394c, #513c2b, #324735
- โทนสีเดียว: #2c4454, #000916, #0e2534, #4c6576, #6e889a

## คำถามเกี่ยวกับ #2c4454

### #2c4454 คือสีอะไร

#2c4454 เป็นโทนหม่น เฉดเข้มของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีฟ้า ใน RGB คือ rgb(44, 68, 84) ใน HSL คือ hsl(204, 31.25%, 25.1%) และใน OKLCH คือ oklch(37.402% 0.04052 238.47)

### สีอะไรเข้ากับ #2c4454

สีตรงข้ามของ #2c4454 คือ #513c2b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #25474c และ #384057 ส่วนสีสามเส้าคือ #533840 และ #3e442b

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

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

### #2c4454 เป็นสีโทนร้อนหรือโทนเย็น

#2c4454 เป็นสีโทนเย็น ใน OKLCH มีฮิว 238 องศา ความสว่าง 37.4% และความสด 0.041