# สี #557fa0: โทนตุ่น สีฟ้า

#557fa0 คือ rgb(85, 127, 160) ใน RGB และ oklch(57.899% 0.06912 243.027) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #557fa0 |
| RGB | rgb(85, 127, 160) |
| HSL | hsl(206.4, 30.61%, 48.04%) |
| HSB / HSV | hsv(206.4 46.88% 62.75%) |
| HWB | hwb(206.4 33.33% 37.25%) |
| CMYK | cmyk(47% 21% 0% 37%) |
| Lab | lab(51.11 -8.02 -22.6) |
| LCH | lch(51.11 23.98 250.47) |
| OKLab | oklab(57.899% -0.03135 -0.0616) |
| OKLCH | oklch(57.899% 0.06912 243.027) |
| Display P3 | color(display-p3 0.36935 0.49364 0.61555) |
| Rec. 2020 | color(rec2020 0.35757 0.43998 0.57273) |
| Adobe RGB | color(a98-rgb 0.38907 0.49419 0.61702) |
| ProPhoto RGB | color(prophoto-rgb 0.37067 0.41373 0.54082) |
| sRGB เชิงเส้น | color(srgb-linear 0.09084 0.21223 0.35153) |
| XYZ D65 | color(xyz-d65 0.1768 0.19648 0.3612) |
| XYZ D50 | color(xyz-d50 0.17165 0.19367 0.2729) |
| SwiftUI | Color(red: 0.333, green: 0.498, blue: 0.627) |
| UIKit | UIColor(red: 0.333, green: 0.498, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF557FA0) |
| Android XML | #557FA0 |

## ข้อมูล

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

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

#557fa0, #658ba9, #7698b3, #87a4bc, #97b1c6, #a8becf, #b9cad9, #cad7e2, #dce4ec, #edf2f5

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

#557fa0, #496e8b, #3d5d76, #314c61, #263c4e, #1c2d3b, #111f29, #081119, #020609, #000101

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

#557fa0, #597f9c, #5d7e99, #617e95, #657d91, #697d8d, #6c7c89, #707c86, #737b82, #777b7e

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

- คู่ตรงข้าม: #557fa0, #97714e
- คู่ตรงข้ามแยก: #557fa0, #9f6b60, #887949
- ข้างเคียง: #557fa0, #448592, #6c77a3
- สามเส้า: #557fa0, #9d6976, #728153
- สี่เหลี่ยมผืนผ้า: #557fa0, #82709c, #97714e, #728153
- สี่เหลี่ยมจัตุรัส: #557fa0, #936b8c, #97714e, #5a8667
- โทนสีเดียว: #557fa0, #103b58, #335c7b, #78a4c6, #9dcaee

## คำถามเกี่ยวกับ #557fa0

### #557fa0 คือสีอะไร

#557fa0 เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(85, 127, 160) ใน HSL คือ hsl(206.4, 30.61%, 48.04%) และใน OKLCH คือ oklch(57.899% 0.06912 243.027)

### สีอะไรเข้ากับ #557fa0

สีตรงข้ามของ #557fa0 คือ #97714e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #448592 และ #6c77a3 ส่วนสีสามเส้าคือ #9d6976 และ #728153

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

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

### #557fa0 เป็นสีโทนร้อนหรือโทนเย็น

#557fa0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 243 องศา ความสว่าง 57.9% และความสด 0.069