# สี #2a4e55: โทนละมุน เฉดเข้มของสีฟ้าอมเขียว

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #2a4e55 |
| RGB | rgb(42, 78, 85) |
| HSL | hsl(189.77, 33.86%, 24.9%) |
| HSB / HSV | hsv(189.77 50.59% 33.33%) |
| HWB | hwb(189.77 16.47% 66.67%) |
| CMYK | cmyk(51% 8% 0% 67%) |
| Lab | lab(30.71 -11.89 -8.42) |
| LCH | lch(30.71 14.57 215.31) |
| OKLab | oklab(39.988% -0.0367 -0.02249) |
| OKLCH | oklch(39.988% 0.04304 211.497) |
| Display P3 | color(display-p3 0.19827 0.30238 0.32936) |
| Rec. 2020 | color(rec2020 0.16902 0.23859 0.26978) |
| Adobe RGB | color(a98-rgb 0.22676 0.31016 0.33497) |
| ProPhoto RGB | color(prophoto-rgb 0.1897 0.23073 0.25914) |
| sRGB เชิงเส้น | color(srgb-linear 0.02315 0.07619 0.09084) |
| XYZ D65 | color(xyz-d65 0.05319 0.06597 0.09588) |
| XYZ D50 | color(xyz-d50 0.05244 0.06527 0.07259) |
| SwiftUI | Color(red: 0.165, green: 0.306, blue: 0.333) |
| UIKit | UIColor(red: 0.165, green: 0.306, blue: 0.333, alpha: 1) |
| Flutter / Compose | Color(0xFF2A4E55) |
| Android XML | #2A4E55 |

## ข้อมูล

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

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

#2a4e55, #3e5e64, #526f74, #667f85, #7b9195, #90a2a6, #a5b4b7, #bbc6c9, #d1d9db, #e8eced

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

#2a4e55, #234349, #1c383d, #162d31, #102326, #0a191c, #050f11, #020708, #010202, #000000

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

#2a4e55, #2e4d54, #314d52, #354c51, #384c50, #3b4b4e, #3d4a4d, #404a4c, #43494a, #454849

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

- คู่ตรงข้าม: #2a4e55, #5d3f39
- คู่ตรงข้ามแยก: #2a4e55, #5c3e46, #59422f
- ข้างเคียง: #2a4e55, #2c4f49, #324b5d
- สามเส้า: #2a4e55, #563f52, #50472c
- สี่เหลี่ยมผืนผ้า: #2a4e55, #3f465f, #5d3f39, #50472c
- สี่เหลี่ยมจัตุรัส: #2a4e55, #4c425b, #5d3f39, #444b31
- โทนสีเดียว: #2a4e55, #001118, #082e35, #4b7077, #6e949b

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

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

#2a4e55 เป็นโทนละมุน เฉดเข้มของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดเข้มของสีฟ้าอมเขียว ใน RGB คือ rgb(42, 78, 85) ใน HSL คือ hsl(189.77, 33.86%, 24.9%) และใน OKLCH คือ oklch(39.988% 0.04304 211.497)

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

สีตรงข้ามของ #2a4e55 คือ #5d3f39 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2c4f49 และ #324b5d ส่วนสีสามเส้าคือ #563f52 และ #50472c

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

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

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

#2a4e55 เป็นสีโทนเย็น ใน OKLCH มีฮิว 211 องศา ความสว่าง 40% และความสด 0.043