# สี #546fa2: โทนหม่น สีน้ำเงิน

#546fa2 คือ rgb(84, 111, 162) ใน RGB และ oklch(54.27% 0.08644 262.502) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #546fa2 |
| RGB | rgb(84, 111, 162) |
| HSL | hsl(219.23, 31.71%, 48.24%) |
| HSB / HSV | hsv(219.23 48.15% 63.53%) |
| HWB | hwb(219.23 32.94% 36.47%) |
| CMYK | cmyk(48% 31% 0% 36%) |
| Lab | lab(46.39 0.92 -31.04) |
| LCH | lch(46.39 31.06 271.7) |
| OKLab | oklab(54.27% -0.01128 -0.0857) |
| OKLCH | oklch(54.27% 0.08644 262.502) |
| Display P3 | color(display-p3 0.3511 0.43228 0.61968) |
| Rec. 2020 | color(rec2020 0.32979 0.37771 0.57635) |
| Adobe RGB | color(a98-rgb 0.36453 0.43333 0.62281) |
| ProPhoto RGB | color(prophoto-rgb 0.34881 0.35844 0.54277) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.15896 0.36131) |
| XYZ D65 | color(xyz-d65 0.15861 0.15862 0.36409) |
| XYZ D50 | color(xyz-d50 0.15158 0.15558 0.27468) |
| SwiftUI | Color(red: 0.329, green: 0.435, blue: 0.635) |
| UIKit | UIColor(red: 0.329, green: 0.435, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF546FA2) |
| Android XML | #546FA2 |

## ข้อมูล

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

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

#546fa2, #647dac, #748bb5, #8499be, #95a7c8, #a6b5d1, #b7c4da, #c9d2e4, #dbe1ed, #edf0f6

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

#546fa2, #48608c, #3c5177, #314263, #26344f, #1b273c, #111a2a, #080e19, #02040a, #000101

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

#546fa2, #576f9d, #5a7098, #5d7093, #5f708e, #627089, #657084, #67707f, #6a707a, #6d7075

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

- คู่ตรงข้าม: #546fa2, #886a2e
- คู่ตรงข้ามแยก: #546fa2, #97613e, #707535
- ข้างเคียง: #546fa2, #337899, #71669e
- สามเส้า: #546fa2, #9c5a58, #517c4d
- สี่เหลี่ยมผืนผ้า: #546fa2, #875e8d, #886a2e, #517c4d
- สี่เหลี่ยมจัตุรัส: #546fa2, #965a74, #886a2e, #2d806a
- โทนสีเดียว: #546fa2, #152c59, #344d7d, #7693c9, #9bb9f0

## คำถามเกี่ยวกับ #546fa2

### #546fa2 คือสีอะไร

#546fa2 เป็นโทนหม่น สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนหม่น สีน้ำเงิน ใน RGB คือ rgb(84, 111, 162) ใน HSL คือ hsl(219.23, 31.71%, 48.24%) และใน OKLCH คือ oklch(54.27% 0.08644 262.502)

### สีอะไรเข้ากับ #546fa2

สีตรงข้ามของ #546fa2 คือ #886a2e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #337899 และ #71669e ส่วนสีสามเส้าคือ #9c5a58 และ #517c4d

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

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

### #546fa2 เป็นสีโทนร้อนหรือโทนเย็น

#546fa2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 263 องศา ความสว่าง 54.3% และความสด 0.086