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

#445a85 คือ rgb(68, 90, 133) ใน RGB และ oklch(46.907% 0.07525 263.072) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #445a85 |
| RGB | rgb(68, 90, 133) |
| HSL | hsl(219.69, 32.34%, 39.41%) |
| HSB / HSV | hsv(219.69 48.87% 52.16%) |
| HWB | hwb(219.69 26.67% 47.84%) |
| CMYK | cmyk(49% 32% 0% 48%) |
| Lab | lab(37.91 1.08 -27.05) |
| LCH | lch(37.91 27.07 272.28) |
| OKLab | oklab(46.907% -0.00908 -0.0747) |
| OKLCH | oklch(46.907% 0.07525 263.072) |
| Display P3 | color(display-p3 0.28428 0.35048 0.50846) |
| Rec. 2020 | color(rec2020 0.25367 0.29193 0.45688) |
| Adobe RGB | color(a98-rgb 0.29934 0.35454 0.51169) |
| ProPhoto RGB | color(prophoto-rgb 0.27409 0.28072 0.42683) |
| sRGB เชิงเส้น | color(srgb-linear 0.05781 0.10224 0.23455) |
| XYZ D65 | color(xyz-d65 0.10273 0.10234 0.23625) |
| XYZ D50 | color(xyz-d50 0.09814 0.10038 0.17822) |
| SwiftUI | Color(red: 0.267, green: 0.353, blue: 0.522) |
| UIKit | UIColor(red: 0.267, green: 0.353, blue: 0.522, alpha: 1) |
| Flutter / Compose | Color(0xFF445A85) |
| Android XML | #445A85 |

## ข้อมูล

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

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

#445a85, #556991, #66799d, #7889a9, #8a99b5, #9daac2, #b0bace, #c3cbda, #d7dce6, #ebedf3

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

#445a85, #3a4d73, #304161, #263550, #1d2940, #141e30, #0c1321, #050913, #020306, #000001

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

#445a85, #465a81, #495a7d, #4b5b79, #4d5b74, #4f5b70, #525b6c, #545b68, #565b63, #585b5f

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

- คู่ตรงข้าม: #445a85, #6f5624
- คู่ตรงข้ามแยก: #445a85, #7c4e30, #5b5f2a
- ข้างเคียง: #445a85, #28617e, #5c5281
- สามเส้า: #445a85, #804946, #40653e
- สี่เหลี่ยมผืนผ้า: #445a85, #6f4c73, #6f5624, #40653e
- สี่เหลี่ยมจัตุรัส: #445a85, #7b485e, #6f5624, #226857
- โทนสีเดียว: #445a85, #091a3f, #253961, #657daa, #89a1d1

## คำถามเกี่ยวกับ #445a85

### #445a85 คือสีอะไร

#445a85 เป็นโทนตุ่น เฉดเข้มของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดเข้มของสีน้ำเงิน ใน RGB คือ rgb(68, 90, 133) ใน HSL คือ hsl(219.69, 32.34%, 39.41%) และใน OKLCH คือ oklch(46.907% 0.07525 263.072)

### สีอะไรเข้ากับ #445a85

สีตรงข้ามของ #445a85 คือ #6f5624 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #28617e และ #5c5281 ส่วนสีสามเส้าคือ #804946 และ #40653e

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

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

### #445a85 เป็นสีโทนร้อนหรือโทนเย็น

#445a85 เป็นสีโทนเย็น ใน OKLCH มีฮิว 263 องศา ความสว่าง 46.9% และความสด 0.075