# สี #548e87: โทนตุ่น สีเขียวหัวเป็ด

#548e87 คือ rgb(84, 142, 135) ใน RGB และ oklch(60.482% 0.06206 185.878) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #548e87 |
| RGB | rgb(84, 142, 135) |
| HSL | hsl(172.76, 25.66%, 44.31%) |
| HSB / HSV | hsv(172.76 40.85% 55.69%) |
| HWB | hwb(172.76 32.94% 44.31%) |
| CMYK | cmyk(41% 0% 5% 44%) |
| Lab | lab(54.9 -21.17 -2.57) |
| LCH | lch(54.9 21.33 186.91) |
| OKLab | oklab(60.482% -0.06174 -0.00636) |
| OKLCH | oklch(60.482% 0.06206 185.878) |
| Display P3 | color(display-p3 0.38251 0.55114 0.52883) |
| Rec. 2020 | color(rec2020 0.37604 0.49781 0.48151) |
| Adobe RGB | color(a98-rgb 0.40962 0.55182 0.52601) |
| ProPhoto RGB | color(prophoto-rgb 0.37401 0.4648 0.4557) |
| sRGB เชิงเส้น | color(srgb-linear 0.08866 0.2705 0.24228) |
| XYZ D65 | color(xyz-d65 0.17701 0.22979 0.26425) |
| XYZ D50 | color(xyz-d50 0.17751 0.22833 0.20051) |
| SwiftUI | Color(red: 0.329, green: 0.557, blue: 0.529) |
| UIKit | UIColor(red: 0.329, green: 0.557, blue: 0.529, alpha: 1) |
| Flutter / Compose | Color(0xFF548E87) |
| Android XML | #548E87 |

## ข้อมูล

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

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

#548e87, #659992, #77a49e, #87afaa, #98bab5, #a9c5c1, #bad1cd, #cbdcda, #dce8e6, #eef3f2

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

#548e87, #487b75, #3c6863, #315651, #264441, #1b3431, #112421, #081513, #020706, #000101

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

#548e87, #5a8d86, #5f8c86, #648a85, #698985, #6d8884, #728784, #768583, #7a8483, #7e8382

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

- คู่ตรงข้าม: #548e87, #a2727c
- คู่ตรงข้ามแยก: #548e87, #9a7490, #a37568
- ข้างเคียง: #548e87, #638d72, #548b99
- สามเส้า: #548e87, #8b78a0, #9c7a5a
- สี่เหลี่ยมผืนผ้า: #548e87, #6386a5, #a2727c, #9c7a5a
- สี่เหลี่ยมจัตุรัส: #548e87, #777fa7, #a2727c, #8d8256
- โทนสีเดียว: #548e87, #054943, #306a64, #78b3ac, #9edad2

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

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

#548e87 เป็นโทนตุ่น สีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีเขียวหัวเป็ด ใน RGB คือ rgb(84, 142, 135) ใน HSL คือ hsl(172.76, 25.66%, 44.31%) และใน OKLCH คือ oklch(60.482% 0.06206 185.878)

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

สีตรงข้ามของ #548e87 คือ #a2727c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #638d72 และ #548b99 ส่วนสีสามเส้าคือ #8b78a0 และ #9c7a5a

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

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

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

#548e87 เป็นสีโทนเย็น ใน OKLCH มีฮิว 186 องศา ความสว่าง 60.5% และความสด 0.062