# สี #2d64a3: โทนเข้มลึก เฉดเข้มของสีน้ำเงิน

#2d64a3 คือ rgb(45, 100, 163) ใน RGB และ oklch(49.812% 0.11651 253.747) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #2d64a3 |
| RGB | rgb(45, 100, 163) |
| HSL | hsl(212.03, 56.73%, 40.78%) |
| HSB / HSV | hsv(212.03 72.39% 63.92%) |
| HWB | hwb(212.03 17.65% 36.08%) |
| CMYK | cmyk(72% 39% 0% 36%) |
| Lab | lab(41.12 -1.58 -40.06) |
| LCH | lch(41.12 40.09 267.74) |
| OKLab | oklab(49.812% -0.03261 -0.11185) |
| OKLCH | oklch(49.812% 0.11651 253.747) |
| Display P3 | color(display-p3 0.23266 0.38721 0.62063) |
| Rec. 2020 | color(rec2020 0.24192 0.32908 0.57692) |
| Adobe RGB | color(a98-rgb 0.2676 0.3919 0.62557) |
| ProPhoto RGB | color(prophoto-rgb 0.28958 0.31387 0.54234) |
| sRGB เชิงเส้น | color(srgb-linear 0.02624 0.12744 0.36625) |
| XYZ D65 | color(xyz-d65 0.12249 0.12316 0.36383) |
| XYZ D50 | color(xyz-d50 0.11293 0.1194 0.27428) |
| SwiftUI | Color(red: 0.176, green: 0.392, blue: 0.639) |
| UIKit | UIColor(red: 0.176, green: 0.392, blue: 0.639, alpha: 1) |
| Flutter / Compose | Color(0xFF2D64A3) |
| Android XML | #2D64A3 |

## ข้อมูล

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

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

#2d64a3, #4373ad, #5782b6, #6c92c0, #80a1c9, #94b0d2, #a9c0dc, #becfe5, #d4dfed, #e9eff6

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

#2d64a3, #26568d, #1f4878, #183b63, #112e4f, #0b223c, #06162a, #020b19, #01030a, #000001

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

#2d64a3, #34649d, #3b6597, #406590, #46658a, #4b6584, #50647d, #556477, #5a6470, #5e6369

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

- คู่ตรงข้าม: #2d64a3, #895600
- คู่ตรงข้ามแยก: #2d64a3, #984925, #6f6500
- ข้างเคียง: #2d64a3, #006f92, #5b57a2
- สามเส้า: #2d64a3, #99424f, #467024
- สี่เหลี่ยมผืนผ้า: #2d64a3, #7a4c91, #895600, #467024
- สี่เหลี่ยมจัตุรัส: #2d64a3, #8f4473, #895600, #007750
- โทนสีเดียว: #2d64a3, #002059, #03417d, #5188ca, #75aef2

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

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

#2d64a3 เป็นโทนเข้มลึก เฉดเข้มของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนเข้มลึก เฉดเข้มของสีน้ำเงิน ใน RGB คือ rgb(45, 100, 163) ใน HSL คือ hsl(212.03, 56.73%, 40.78%) และใน OKLCH คือ oklch(49.812% 0.11651 253.747)

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

สีตรงข้ามของ #2d64a3 คือ #895600 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #006f92 และ #5b57a2 ส่วนสีสามเส้าคือ #99424f และ #467024

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

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

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

#2d64a3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 254 องศา ความสว่าง 49.8% และความสด 0.117