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

#549aa0 คือ rgb(84, 154, 160) ใน RGB และ oklch(64.28% 0.07113 202.769) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #549aa0 |
| RGB | rgb(84, 154, 160) |
| HSL | hsl(184.74, 31.15%, 47.84%) |
| HSB / HSV | hsv(184.74 47.5% 62.75%) |
| HWB | hwb(184.74 32.94% 37.25%) |
| CMYK | cmyk(48% 4% 0% 37%) |
| Lab | lab(59.22 -21.79 -10.41) |
| LCH | lch(59.22 24.15 205.53) |
| OKLab | oklab(64.28% -0.06559 -0.02753) |
| OKLCH | oklch(64.28% 0.07113 202.769) |
| Display P3 | color(display-p3 0.39629 0.59726 0.62213) |
| Rec. 2020 | color(rec2020 0.40535 0.54709 0.58144) |
| Adobe RGB | color(a98-rgb 0.42896 0.5983 0.62071) |
| ProPhoto RGB | color(prophoto-rgb 0.41239 0.51312 0.55254) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.32314 0.35153) |
| XYZ D65 | color(xyz-d65 0.21556 0.27533 0.37437) |
| XYZ D50 | color(xyz-d50 0.21342 0.27269 0.28363) |
| SwiftUI | Color(red: 0.329, green: 0.604, blue: 0.627) |
| UIKit | UIColor(red: 0.329, green: 0.604, blue: 0.627, alpha: 1) |
| Flutter / Compose | Color(0xFF549AA0) |
| Android XML | #549AA0 |

## ข้อมูล

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

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

#549aa0, #66a4a9, #78aeb2, #89b8bc, #9ac2c5, #abcccf, #bbd6d8, #cce0e2, #ddeaeb, #eef5f5

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

#549aa0, #48858b, #3c7176, #315e61, #264b4e, #1b393b, #112729, #081719, #020909, #000101

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

#549aa0, #5b999e, #62989c, #69969a, #6f9598, #749496, #799295, #7f9193, #849091, #888e8f

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

- คู่ตรงข้าม: #549aa0, #b47c79
- คู่ตรงข้ามแยก: #549aa0, #b07b91, #b08164
- ข้างเคียง: #549aa0, #5d9b89, #5f95b1
- สามเส้า: #549aa0, #a27fa7, #a2895a
- สี่เหลี่ยมผืนผ้า: #549aa0, #768db9, #b47c79, #a2895a
- สี่เหลี่ยมจัตุรัส: #549aa0, #8e85b5, #b47c79, #8d925f
- โทนสีเดียว: #549aa0, #005359, #2e767c, #79c0c6, #a0e7ed

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

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

#549aa0 เป็นโทนตุ่น สีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้าอมเขียว ใน RGB คือ rgb(84, 154, 160) ใน HSL คือ hsl(184.74, 31.15%, 47.84%) และใน OKLCH คือ oklch(64.28% 0.07113 202.769)

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

สีตรงข้ามของ #549aa0 คือ #b47c79 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5d9b89 และ #5f95b1 ส่วนสีสามเส้าคือ #a27fa7 และ #a2895a

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

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

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

#549aa0 เป็นสีโทนเย็น ใน OKLCH มีฮิว 203 องศา ความสว่าง 64.3% และความสด 0.071