# สี #548ca1: โทนตุ่น สีฟ้า

#548ca1 คือ rgb(84, 140, 161) ใน RGB และ oklch(60.955% 0.06699 224.077) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #548ca1 |
| RGB | rgb(84, 140, 161) |
| HSL | hsl(196.36, 31.43%, 48.04%) |
| HSB / HSV | hsv(196.36 47.83% 63.14%) |
| HWB | hwb(196.36 32.94% 36.86%) |
| CMYK | cmyk(48% 13% 0% 37%) |
| Lab | lab(55 -14.76 -17.28) |
| LCH | lch(55 22.73 229.49) |
| OKLab | oklab(60.955% -0.04813 -0.0466) |
| OKLCH | oklch(60.955% 0.06699 224.077) |
| Display P3 | color(display-p3 0.3803 0.54345 0.62215) |
| Rec. 2020 | color(rec2020 0.3791 0.49121 0.58055) |
| Adobe RGB | color(a98-rgb 0.40649 0.54411 0.62245) |
| ProPhoto RGB | color(prophoto-rgb 0.38998 0.4607 0.5499) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.26225 0.3564) |
| XYZ D65 | color(xyz-d65 0.19466 0.23213 0.37174) |
| XYZ D50 | color(xyz-d50 0.19066 0.22933 0.2812) |
| SwiftUI | Color(red: 0.329, green: 0.549, blue: 0.631) |
| UIKit | UIColor(red: 0.329, green: 0.549, blue: 0.631, alpha: 1) |
| Flutter / Compose | Color(0xFF548CA1) |
| Android XML | #548CA1 |

## ข้อมูล

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

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

#548ca1, #6597aa, #76a2b3, #87aebd, #98b9c6, #a9c4cf, #bad0d9, #cbdce2, #dce7ec, #eef3f5

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

#548ca1, #48798b, #3c6776, #315562, #26434e, #1b333c, #11232a, #081419, #020709, #000101

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

#548ca1, #5a8b9e, #5f8a9b, #648a98, #698995, #6e8892, #72878f, #77868c, #7b8589, #7f8486

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

- คู่ตรงข้าม: #548ca1, #a67662
- คู่ตรงข้ามแยก: #548ca1, #a77377, #9b7d55
- ข้างเคียง: #548ca1, #4f908f, #6785ab
- สามเส้า: #548ca1, #a0738d, #898555
- สี่เหลี่ยมผืนผ้า: #548ca1, #7e7eaa, #a67662, #898555
- สี่เหลี่ยมจัตุรัส: #548ca1, #92779f, #a67662, #738c63
- โทนสีเดียว: #548ca1, #05475a, #30687d, #78b1c7, #9ed8ee

## คำถามเกี่ยวกับ #548ca1

### #548ca1 คือสีอะไร

#548ca1 เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(84, 140, 161) ใน HSL คือ hsl(196.36, 31.43%, 48.04%) และใน OKLCH คือ oklch(60.955% 0.06699 224.077)

### สีอะไรเข้ากับ #548ca1

สีตรงข้ามของ #548ca1 คือ #a67662 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4f908f และ #6785ab ส่วนสีสามเส้าคือ #a0738d และ #898555

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

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

### #548ca1 เป็นสีโทนร้อนหรือโทนเย็น

#548ca1 เป็นสีโทนเย็น ใน OKLCH มีฮิว 224 องศา ความสว่าง 61% และความสด 0.067