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

#548aa6 คือ rgb(84, 138, 166) ใน RGB และ oklch(60.689% 0.07143 232.247) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #548aa6 |
| RGB | rgb(84, 138, 166) |
| HSL | hsl(200.49, 32.8%, 49.02%) |
| HSB / HSV | hsv(200.49 49.4% 65.1%) |
| HWB | hwb(200.49 32.94% 34.9%) |
| CMYK | cmyk(49% 17% 0% 35%) |
| Lab | lab(54.56 -12.61 -20.81) |
| LCH | lch(54.56 24.34 238.78) |
| OKLab | oklab(60.689% -0.04373 -0.05648) |
| OKLCH | oklch(60.689% 0.07143 232.247) |
| Display P3 | color(display-p3 0.37811 0.53577 0.6399) |
| Rec. 2020 | color(rec2020 0.37692 0.48357 0.59946) |
| Adobe RGB | color(a98-rgb 0.40339 0.5364 0.64104) |
| ProPhoto RGB | color(prophoto-rgb 0.39096 0.45408 0.56814) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.25415 0.38133) |
| XYZ D65 | color(xyz-d65 0.19626 0.22814 0.39447) |
| XYZ D50 | color(xyz-d50 0.19111 0.22504 0.29821) |
| SwiftUI | Color(red: 0.329, green: 0.541, blue: 0.651) |
| UIKit | UIColor(red: 0.329, green: 0.541, blue: 0.651, alpha: 1) |
| Flutter / Compose | Color(0xFF548AA6) |
| Android XML | #548AA6 |

## ข้อมูล

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

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

#548aa6, #6595af, #76a1b8, #87acc1, #98b8c9, #a9c3d2, #bacfdb, #cbdbe4, #dce7ed, #edf3f6

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

#548aa6, #487790, #3c657a, #315365, #264251, #1b323e, #11222b, #08141a, #02070a, #000101

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

#548aa6, #5a89a2, #5f899f, #64889b, #698798, #6d8694, #728691, #76858d, #7a8489, #7e8386

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

- คู่ตรงข้าม: #548aa6, #a5765a
- คู่ตรงข้ามแยก: #548aa6, #a9716f, #987e4f
- ข้างเคียง: #548aa6, #488f95, #6b83ae
- สามเส้า: #548aa6, #a47186, #838754
- สี่เหลี่ยมผืนผ้า: #548aa6, #837baa, #a5765a, #838754
- สี่เหลี่ยมจัตุรัส: #548aa6, #97749c, #a5765a, #6a8d66
- โทนสีเดียว: #548aa6, #07455e, #306681, #78afcc, #9ed6f4

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

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

#548aa6 เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(84, 138, 166) ใน HSL คือ hsl(200.49, 32.8%, 49.02%) และใน OKLCH คือ oklch(60.689% 0.07143 232.247)

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

สีตรงข้ามของ #548aa6 คือ #a5765a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #488f95 และ #6b83ae ส่วนสีสามเส้าคือ #a47186 และ #838754

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

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

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

#548aa6 เป็นสีโทนเย็น ใน OKLCH มีฮิว 232 องศา ความสว่าง 60.7% และความสด 0.071