# สี #2f3f63: โทนหม่น เฉดเข้มของสีน้ำเงิน

#2f3f63 คือ rgb(47, 63, 99) ใน RGB และ oklch(37.147% 0.06567 265.145) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #2f3f63 |
| RGB | rgb(47, 63, 99) |
| HSL | hsl(221.54, 35.62%, 28.63%) |
| HSB / HSV | hsv(221.54 52.53% 38.82%) |
| HWB | hwb(221.54 18.43% 61.18%) |
| CMYK | cmyk(53% 36% 0% 61%) |
| Lab | lab(26.6 2.08 -23.62) |
| LCH | lch(26.6 23.71 275.02) |
| OKLab | oklab(37.147% -0.00556 -0.06543) |
| OKLCH | oklch(37.147% 0.06567 265.145) |
| Display P3 | color(display-p3 0.19709 0.24526 0.37758) |
| Rec. 2020 | color(rec2020 0.15781 0.18388 0.31864) |
| Adobe RGB | color(a98-rgb 0.21631 0.25542 0.38375) |
| ProPhoto RGB | color(prophoto-rgb 0.1872 0.18875 0.29972) |
| sRGB เชิงเส้น | color(srgb-linear 0.02843 0.04971 0.12477) |
| XYZ D65 | color(xyz-d65 0.05202 0.0506 0.12507) |
| XYZ D50 | color(xyz-d50 0.04939 0.04952 0.09432) |
| SwiftUI | Color(red: 0.184, green: 0.247, blue: 0.388) |
| UIKit | UIColor(red: 0.184, green: 0.247, blue: 0.388, alpha: 1) |
| Flutter / Compose | Color(0xFF2F3F63) |
| Android XML | #2F3F63 |

## ข้อมูล

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

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

#2f3f63, #415072, #546281, #677490, #7b87a0, #909aaf, #a5aebf, #bbc1cf, #d1d6df, #e8eaef

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

#2f3f63, #273555, #202c47, #19233a, #121b2e, #0c1221, #060a16, #03040b, #010103, #000000

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

#2f3f63, #313f60, #32405c, #344059, #364055, #384052, #39404e, #3b404b, #3d4047, #3e4044

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

- คู่ตรงข้าม: #2f3f63, #503d10
- คู่ตรงข้ามแยก: #2f3f63, #5b361b, #3f4417
- ข้างเคียง: #2f3f63, #15455e, #43395f
- สามเส้า: #2f3f63, #5e312e, #28492a
- สี่เหลี่ยมผืนผ้า: #2f3f63, #523353, #503d10, #28492a
- สี่เหลี่ยมจัตุรัส: #2f3f63, #5b3142, #503d10, #0a4b3e
- โทนสีเดียว: #2f3f63, #010421, #122041, #4f6087, #7083ac

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

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

#2f3f63 เป็นโทนหม่น เฉดเข้มของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีน้ำเงิน ใน RGB คือ rgb(47, 63, 99) ใน HSL คือ hsl(221.54, 35.62%, 28.63%) และใน OKLCH คือ oklch(37.147% 0.06567 265.145)

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

สีตรงข้ามของ #2f3f63 คือ #503d10 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #15455e และ #43395f ส่วนสีสามเส้าคือ #5e312e และ #28492a

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

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

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

#2f3f63 เป็นสีโทนเย็น ใน OKLCH มีฮิว 265 องศา ความสว่าง 37.1% และความสด 0.066