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

#313e57 คือ rgb(49, 62, 87) ใน RGB และ oklch(36.369% 0.04679 263.043) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #313e57 |
| RGB | rgb(49, 62, 87) |
| HSL | hsl(219.47, 27.94%, 26.67%) |
| HSB / HSV | hsv(219.47 43.68% 34.12%) |
| HWB | hwb(219.47 19.22% 65.88%) |
| CMYK | cmyk(44% 29% 0% 66%) |
| Lab | lab(25.91 0.16 -16.93) |
| LCH | lch(25.91 16.94 270.54) |
| OKLab | oklab(36.369% -0.00567 -0.04645) |
| OKLCH | oklch(36.369% 0.04679 263.043) |
| Display P3 | color(display-p3 0.20226 0.24164 0.33324) |
| Rec. 2020 | color(rec2020 0.15679 0.17972 0.27287) |
| Adobe RGB | color(a98-rgb 0.21969 0.2518 0.3402) |
| ProPhoto RGB | color(prophoto-rgb 0.17979 0.18461 0.26028) |
| sRGB เชิงเส้น | color(srgb-linear 0.03071 0.04817 0.09531) |
| XYZ D65 | color(xyz-d65 0.04709 0.04786 0.09693) |
| XYZ D50 | color(xyz-d50 0.04558 0.04714 0.07316) |
| SwiftUI | Color(red: 0.192, green: 0.243, blue: 0.341) |
| UIKit | UIColor(red: 0.192, green: 0.243, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFF313E57) |
| Android XML | #313E57 |

## ข้อมูล

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

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

#313e57, #434f67, #566176, #697387, #7d8697, #9199a8, #a6adb9, #bcc1ca, #d2d5db, #e8eaed

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

#313e57, #29354b, #222b3e, #1a2333, #131a27, #0c121c, #060a12, #030408, #010103, #000000

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

#313e57, #323e55, #343e52, #353e50, #363e4d, #383e4b, #393e48, #3a3e46, #3b3e43, #3d3e41

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

- คู่ตรงข้าม: #313e57, #4a3c20
- คู่ตรงข้ามแยก: #313e57, #523726, #3e4123
- ข้างเคียง: #313e57, #234253, #3f3955
- สามเส้า: #313e57, #543432, #2f452e
- สี่เหลี่ยมผืนผ้า: #313e57, #4a364c, #4a3c20, #2f452e
- สี่เหลี่ยมจัตุรัส: #313e57, #523440, #4a3c20, #21463c
- โทนสีเดียว: #313e57, #010518, #142036, #515f7a, #73829e

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

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

#313e57 เป็นโทนหม่น เฉดเข้มของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น เฉดเข้มของสีน้ำเงิน ใน RGB คือ rgb(49, 62, 87) ใน HSL คือ hsl(219.47, 27.94%, 26.67%) และใน OKLCH คือ oklch(36.369% 0.04679 263.043)

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

สีตรงข้ามของ #313e57 คือ #4a3c20 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #234253 และ #3f3955 ส่วนสีสามเส้าคือ #543432 และ #2f452e

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

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

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

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