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

#5c688e คือ rgb(92, 104, 142) ใน RGB และ oklch(52.263% 0.062 270.635) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5c688e |
| RGB | rgb(92, 104, 142) |
| HSL | hsl(225.6, 21.37%, 45.88%) |
| HSB / HSV | hsv(225.6 35.21% 55.69%) |
| HWB | hwb(225.6 36.08% 44.31%) |
| CMYK | cmyk(35% 27% 0% 44%) |
| Lab | lab(44.15 2.68 -22.65) |
| LCH | lch(44.15 22.81 276.76) |
| OKLab | oklab(52.263% 0.00069 -0.062) |
| OKLCH | oklch(52.263% 0.062 270.635) |
| Display P3 | color(display-p3 0.36968 0.40639 0.54506) |
| Rec. 2020 | color(rec2020 0.33109 0.35123 0.49633) |
| Adobe RGB | color(a98-rgb 0.37545 0.40692 0.54675) |
| ProPhoto RGB | color(prophoto-rgb 0.33594 0.3342 0.4652) |
| sRGB เชิงเส้น | color(srgb-linear 0.10702 0.13843 0.2705) |
| XYZ D65 | color(xyz-d65 0.14246 0.14129 0.27569) |
| XYZ D50 | color(xyz-d50 0.13869 0.13945 0.20809) |
| SwiftUI | Color(red: 0.361, green: 0.408, blue: 0.557) |
| UIKit | UIColor(red: 0.361, green: 0.408, blue: 0.557, alpha: 1) |
| Flutter / Compose | Color(0xFF5C688E) |
| Android XML | #5C688E |

## ข้อมูล

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

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

#5c688e, #6b7699, #7a85a4, #8a93af, #9aa2bb, #aab1c6, #bac0d1, #cbd0dd, #dcdfe8, #edeff3

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

#5c688e, #4f597b, #424b68, #363e56, #2a3044, #1f2434, #141824, #0a0c15, #030407, #000001

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

#5c688e, #5d688a, #5f6987, #606983, #616980, #63697c, #646978, #656975, #676971, #68696d

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

- คู่ตรงข้าม: #5c688e, #77683f
- คู่ตรงข้ามแยก: #5c688e, #846144, #646f46
- ข้างเคียง: #5c688e, #486f8a, #6f6288
- สามเส้า: #5c688e, #8a5c54, #4f7457
- สี่เหลี่ยมผืนผ้า: #5c688e, #7f5d7a, #77683f, #4f7457
- สี่เหลี่ยมจัตุรัส: #5c688e, #885b68, #77683f, #3d766b
- โทนสีเดียว: #5c688e, #1e2748, #3c466a, #7e8bb3, #a3b1da

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

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

#5c688e เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(92, 104, 142) ใน HSL คือ hsl(225.6, 21.37%, 45.88%) และใน OKLCH คือ oklch(52.263% 0.062 270.635)

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

สีตรงข้ามของ #5c688e คือ #77683f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #486f8a และ #6f6288 ส่วนสีสามเส้าคือ #8a5c54 และ #4f7457

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

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

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

#5c688e เป็นสีโทนเย็น ใน OKLCH มีฮิว 271 องศา ความสว่าง 52.3% และความสด 0.062