# สี #535f77: โทนตุ่น เฉดเข้มของสีน้ำเงิน

#535f77 คือ rgb(83, 95, 119) ใน RGB และ oklch(48.466% 0.04156 264.073) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #535f77 |
| RGB | rgb(83, 95, 119) |
| HSL | hsl(220, 17.82%, 39.61%) |
| HSB / HSV | hsv(220 30.25% 46.67%) |
| HWB | hwb(220 32.55% 53.33%) |
| CMYK | cmyk(30% 20% 0% 53%) |
| Lab | lab(39.99 -0.19 -15.24) |
| LCH | lch(39.99 15.24 269.27) |
| OKLab | oklab(48.466% -0.00429 -0.04133) |
| OKLCH | oklch(48.466% 0.04156 264.073) |
| Display P3 | color(display-p3 0.33443 0.3711 0.45863) |
| Rec. 2020 | color(rec2020 0.29065 0.31329 0.40464) |
| Adobe RGB | color(a98-rgb 0.34201 0.37318 0.46037) |
| ProPhoto RGB | color(prophoto-rgb 0.29264 0.29877 0.37922) |
| sRGB เชิงเส้น | color(srgb-linear 0.0865 0.11444 0.18447) |
| XYZ D65 | color(xyz-d65 0.10989 0.11355 0.19066) |
| XYZ D50 | color(xyz-d50 0.10819 0.11247 0.14405) |
| SwiftUI | Color(red: 0.325, green: 0.373, blue: 0.467) |
| UIKit | UIColor(red: 0.325, green: 0.373, blue: 0.467, alpha: 1) |
| Flutter / Compose | Color(0xFF535F77) |
| Android XML | #535F77 |

## ข้อมูล

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

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

#535f77, #636e84, #737d91, #838c9e, #949cac, #a5acb9, #b6bcc7, #c8ccd5, #dadde3, #eceef1

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

#535f77, #475267, #3b4457, #303847, #252c38, #1b202a, #11151c, #080a10, #020305, #000001

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

#535f77, #545f75, #555f72, #575f70, #585f6d, #595f6b, #5a5f69, #5b5f66, #5c5f64, #5e5f61

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

- คู่ตรงข้าม: #535f77, #6a5d44
- คู่ตรงข้ามแยก: #535f77, #725949, #5e6247
- ข้างเคียง: #535f77, #486373, #605b75
- สามเส้า: #535f77, #755653, #516550
- สี่เหลี่ยมผืนผ้า: #535f77, #6b576c, #6a5d44, #516550
- สี่เหลี่ยมจัตุรัส: #535f77, #725560, #6a5d44, #46675d
- โทนสีเดียว: #535f77, #162034, #333e55, #75829b, #99a6c1

## คำถามเกี่ยวกับ #535f77

### #535f77 คือสีอะไร

#535f77 เป็นโทนตุ่น เฉดเข้มของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดเข้มของสีน้ำเงิน ใน RGB คือ rgb(83, 95, 119) ใน HSL คือ hsl(220, 17.82%, 39.61%) และใน OKLCH คือ oklch(48.466% 0.04156 264.073)

### สีอะไรเข้ากับ #535f77

สีตรงข้ามของ #535f77 คือ #6a5d44 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #486373 และ #605b75 ส่วนสีสามเส้าคือ #755653 และ #516550

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

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

### #535f77 เป็นสีโทนร้อนหรือโทนเย็น

#535f77 เป็นสีโทนเย็น ใน OKLCH มีฮิว 264 องศา ความสว่าง 48.5% และความสด 0.042