# สี #549fa5: โทนตุ่น สีฟ้าอมเขียว

#549fa5 คือ rgb(84, 159, 165) ใน RGB และ oklch(65.67% 0.07502 202.308) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #549fa5 |
| RGB | rgb(84, 159, 165) |
| HSL | hsl(184.44, 32.53%, 48.82%) |
| HSB / HSV | hsv(184.44 49.09% 64.71%) |
| HWB | hwb(184.44 32.94% 35.29%) |
| CMYK | cmyk(49% 4% 0% 35%) |
| Lab | lab(60.88 -23.08 -10.77) |
| LCH | lch(60.88 25.47 205.01) |
| OKLab | oklab(65.67% -0.06941 -0.02848) |
| OKLCH | oklch(65.67% 0.07502 202.308) |
| Display P3 | color(display-p3 0.40228 0.61649 0.64155) |
| Rec. 2020 | color(rec2020 0.41651 0.56748 0.60256) |
| Adobe RGB | color(a98-rgb 0.43728 0.61775 0.64023) |
| ProPhoto RGB | color(prophoto-rgb 0.42494 0.53297 0.5738) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.3467 0.37626) |
| XYZ D65 | color(xyz-d65 0.22844 0.29397 0.40069) |
| XYZ D50 | color(xyz-d50 0.22603 0.29108 0.30358) |
| SwiftUI | Color(red: 0.329, green: 0.624, blue: 0.647) |
| UIKit | UIColor(red: 0.329, green: 0.624, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF549FA5) |
| Android XML | #549FA5 |

## ข้อมูล

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

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

#549fa5, #67a8ae, #78b2b7, #8abbbf, #9bc5c8, #abcfd1, #bcd8da, #cde2e3, #ddebed, #eef5f6

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

#549fa5, #488a8f, #3c7579, #316165, #264d51, #1b3b3d, #11292b, #08181a, #02090a, #000101

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

#549fa5, #5c9ea3, #649ca1, #6a9b9f, #719a9d, #77989b, #7c9799, #829697, #879495, #8c9393

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

- คู่ตรงข้าม: #549fa5, #bb7f7c
- คู่ตรงข้ามแยก: #549fa5, #b67e96, #b68466
- ข้างเคียง: #549fa5, #5ea08c, #609ab8
- สามเส้า: #549fa5, #a782ad, #a88d5b
- สี่เหลี่ยมผืนผ้า: #549fa5, #7892c0, #bb7f7c, #a88d5b
- สี่เหลี่ยมจัตุรัส: #549fa5, #9289bc, #bb7f7c, #929660
- โทนสีเดียว: #549fa5, #00585e, #2d7b81, #7ac5cb, #a0ecf2

## คำถามเกี่ยวกับ #549fa5

### #549fa5 คือสีอะไร

#549fa5 เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(84, 159, 165) ใน HSL คือ hsl(184.44, 32.53%, 48.82%) และใน OKLCH คือ oklch(65.67% 0.07502 202.308)

### สีอะไรเข้ากับ #549fa5

สีตรงข้ามของ #549fa5 คือ #bb7f7c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5ea08c และ #609ab8 ส่วนสีสามเส้าคือ #a782ad และ #a88d5b

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

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

### #549fa5 เป็นสีโทนร้อนหรือโทนเย็น

#549fa5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 202 องศา ความสว่าง 65.7% และความสด 0.075