# สี #5b6485: โทนตุ่น สีคราม

#5b6485 คือ rgb(91, 100, 133) ใน RGB และ oklch(50.868% 0.05374 272.557) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5b6485 |
| RGB | rgb(91, 100, 133) |
| HSL | hsl(227.14, 18.75%, 43.92%) |
| HSB / HSV | hsv(227.14 31.58% 52.16%) |
| HWB | hwb(227.14 35.69% 47.84%) |
| CMYK | cmyk(32% 25% 0% 48%) |
| Lab | lab(42.59 2.69 -19.67) |
| LCH | lch(42.59 19.86 277.78) |
| OKLab | oklab(50.868% 0.0024 -0.05369) |
| OKLCH | oklch(50.868% 0.05374 272.557) |
| Display P3 | color(display-p3 0.36344 0.39105 0.51122) |
| Rec. 2020 | color(rec2020 0.32052 0.33516 0.46026) |
| Adobe RGB | color(a98-rgb 0.36822 0.3919 0.51274) |
| ProPhoto RGB | color(prophoto-rgb 0.32249 0.31945 0.43093) |
| sRGB เชิงเส้น | color(srgb-linear 0.10462 0.12744 0.23455) |
| XYZ D65 | color(xyz-d65 0.13104 0.13032 0.24016) |
| XYZ D50 | color(xyz-d50 0.12826 0.12885 0.18132) |
| SwiftUI | Color(red: 0.357, green: 0.392, blue: 0.522) |
| UIKit | UIColor(red: 0.357, green: 0.392, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFF5B6485) |
| Android XML | #5B6485 |

## ข้อมูล

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

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

#5b6485, #6a7291, #79819d, #8990a9, #999fb5, #a9afc1, #babecd, #cbced9, #dcdee6, #edeff2

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

#5b6485, #4e5673, #414861, #353b50, #292e40, #1e2230, #131621, #090b13, #030306, #000001

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

#5b6485, #5c6482, #5d647f, #5e657c, #5f6579, #606576, #616572, #62656f, #63656c, #646569

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

- คู่ตรงข้าม: #5b6485, #706541
- คู่ตรงข้ามแยก: #5b6485, #7c5f45, #606b48
- ข้างเคียง: #5b6485, #4a6a82, #6c5e80
- สามเส้า: #5b6485, #825b52, #4e6f57
- สี่เหลี่ยมผืนผ้า: #5b6485, #795a73, #706541, #4e6f57
- สี่เหลี่ยมจัตุรัส: #5b6485, #805963, #706541, #407068
- โทนสีเดียว: #5b6485, #1d2440, #3b4362, #7d87aa, #a2acd0

## คำถามเกี่ยวกับ #5b6485

### #5b6485 คือสีอะไร

#5b6485 เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(91, 100, 133) ใน HSL คือ hsl(227.14, 18.75%, 43.92%) และใน OKLCH คือ oklch(50.868% 0.05374 272.557)

### สีอะไรเข้ากับ #5b6485

สีตรงข้ามของ #5b6485 คือ #706541 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4a6a82 และ #6c5e80 ส่วนสีสามเส้าคือ #825b52 และ #4e6f57

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

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

### #5b6485 เป็นสีโทนร้อนหรือโทนเย็น

#5b6485 เป็นสีโทนเย็น ใน OKLCH มีฮิว 273 องศา ความสว่าง 50.9% และความสด 0.054