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

#313f53 คือ rgb(49, 63, 83) ใน RGB และ oklch(36.414% 0.03935 257.288) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #313f53 |
| RGB | rgb(49, 63, 83) |
| HSL | hsl(215.29, 25.76%, 25.88%) |
| HSB / HSV | hsv(215.29 40.96% 32.55%) |
| HWB | hwb(215.29 19.22% 67.45%) |
| CMYK | cmyk(41% 24% 0% 67%) |
| Lab | lab(26.07 -1.45 -14.08) |
| LCH | lch(26.07 14.15 264.13) |
| OKLab | oklab(36.414% -0.00866 -0.03839) |
| OKLCH | oklch(36.414% 0.03935 257.288) |
| Display P3 | color(display-p3 0.20312 0.24546 0.31878) |
| Rec. 2020 | color(rec2020 0.15716 0.18316 0.25811) |
| Adobe RGB | color(a98-rgb 0.22091 0.25542 0.32596) |
| ProPhoto RGB | color(prophoto-rgb 0.17818 0.18694 0.24791) |
| sRGB เชิงเส้น | color(srgb-linear 0.03071 0.04971 0.0865) |
| XYZ D65 | color(xyz-d65 0.04605 0.04832 0.08874) |
| XYZ D50 | color(xyz-d50 0.04491 0.04771 0.06702) |
| SwiftUI | Color(red: 0.192, green: 0.247, blue: 0.325) |
| UIKit | UIColor(red: 0.192, green: 0.247, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFF313F53) |
| Android XML | #313F53 |

## ข้อมูล

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

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

#313f53, #435063, #566273, #697483, #7d8794, #919aa5, #a6adb7, #bcc1c8, #d2d5da, #e8eaed

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

#313f53, #293547, #222c3b, #1a2330, #131b25, #0c121b, #060a11, #030408, #010102, #000000

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

#313f53, #323f51, #343f4f, #353f4d, #363f4b, #383f49, #393f47, #3a3f45, #3c3e42, #3d3e40

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

- คู่ตรงข้าม: #313f53, #4a3c26
- คู่ตรงข้ามแยก: #313f53, #50382c, #404027
- ข้างเคียง: #313f53, #27424e, #3d3b52
- สามเส้า: #313f53, #513637, #34432f
- สี่เหลี่ยมผืนผ้า: #313f53, #47384c, #4a3c26, #34432f
- สี่เหลี่ยมจัตุรัส: #313f53, #4e3642, #4a3c26, #29453a
- โทนสีเดียว: #313f53, #010615, #142133, #516075, #738399

## คำถามเกี่ยวกับ #313f53

### #313f53 คือสีอะไร

#313f53 เป็นโทนหม่น เฉดเข้มของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีน้ำเงิน ใน RGB คือ rgb(49, 63, 83) ใน HSL คือ hsl(215.29, 25.76%, 25.88%) และใน OKLCH คือ oklch(36.414% 0.03935 257.288)

### สีอะไรเข้ากับ #313f53

สีตรงข้ามของ #313f53 คือ #4a3c26 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #27424e และ #3d3b52 ส่วนสีสามเส้าคือ #513637 และ #34432f

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

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

### #313f53 เป็นสีโทนร้อนหรือโทนเย็น

#313f53 เป็นสีโทนเย็น ใน OKLCH มีฮิว 257 องศา ความสว่าง 36.4% และความสด 0.039