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

#2a4e50 คือ rgb(42, 78, 80) ใน RGB และ oklch(39.781% 0.04165 200.24) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #2a4e50 |
| RGB | rgb(42, 78, 80) |
| HSL | hsl(183.16, 31.15%, 23.92%) |
| HSB / HSV | hsv(183.16 47.5% 31.37%) |
| HWB | hwb(183.16 16.47% 68.63%) |
| CMYK | cmyk(48% 2% 0% 69%) |
| Lab | lab(30.55 -13.07 -5.48) |
| LCH | lch(30.55 14.17 202.73) |
| OKLab | oklab(39.781% -0.03908 -0.01441) |
| OKLCH | oklch(39.781% 0.04165 200.24) |
| Display P3 | color(display-p3 0.19827 0.30238 0.31129) |
| Rec. 2020 | color(rec2020 0.16774 0.23834 0.25135) |
| Adobe RGB | color(a98-rgb 0.22676 0.31016 0.31722) |
| ProPhoto RGB | color(prophoto-rgb 0.18654 0.23019 0.24373) |
| sRGB เชิงเส้น | color(srgb-linear 0.02315 0.07619 0.08022) |
| XYZ D65 | color(xyz-d65 0.05127 0.0652 0.08578) |
| XYZ D50 | color(xyz-d50 0.05092 0.06463 0.065) |
| SwiftUI | Color(red: 0.165, green: 0.306, blue: 0.314) |
| UIKit | UIColor(red: 0.165, green: 0.306, blue: 0.314, alpha: 1) |
| Flutter / Compose | Color(0xFF2A4E50) |
| Android XML | #2A4E50 |

## ข้อมูล

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

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

#2a4e50, #3e5e60, #526f70, #667f81, #7b9192, #90a2a3, #a5b4b5, #bbc6c7, #d1d9d9, #e8ecec

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

#2a4e50, #234344, #1c3839, #162d2e, #102324, #0a191a, #050f10, #020707, #010202, #000000

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

#2a4e50, #2e4d4f, #314d4e, #344c4d, #374b4c, #3a4b4c, #3d4a4b, #40494a, #424849, #454848

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

- คู่ตรงข้าม: #2a4e50, #5c3e3e
- คู่ตรงข้ามแยก: #2a4e50, #593e4a, #5a4133
- ข้างเคียง: #2a4e50, #2f4f44, #2f4b59
- สามเส้า: #2a4e50, #514055, #53452d
- สี่เหลี่ยมผืนผ้า: #2a4e50, #3a485e, #5c3e3e, #53452d
- สี่เหลี่ยมจัตุรัส: #2a4e50, #47435c, #5c3e3e, #48492f
- โทนสีเดียว: #2a4e50, #001214, #082e30, #4b7072, #6e9496

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

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

#2a4e50 เป็นโทนหม่น เฉดเข้มของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีฟ้าอมเขียว ใน RGB คือ rgb(42, 78, 80) ใน HSL คือ hsl(183.16, 31.15%, 23.92%) และใน OKLCH คือ oklch(39.781% 0.04165 200.24)

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

สีตรงข้ามของ #2a4e50 คือ #5c3e3e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2f4f44 และ #2f4b59 ส่วนสีสามเส้าคือ #514055 และ #53452d

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

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

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

#2a4e50 เป็นสีโทนเย็น ใน OKLCH มีฮิว 200 องศา ความสว่าง 39.8% และความสด 0.042