# สี #5ab2a2: โทนละมุน เฉดอ่อนของสีเขียวหัวเป็ด

#5ab2a2 คือ rgb(90, 178, 162) ใน RGB และ oklch(70.43% 0.08869 180.25) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ab2a2 |
| RGB | rgb(90, 178, 162) |
| HSL | hsl(169.09, 36.36%, 52.55%) |
| HSB / HSV | hsv(169.09 49.44% 69.8%) |
| HWB | hwb(169.09 35.29% 30.2%) |
| CMYK | cmyk(49% 0% 9% 30%) |
| Lab | lab(66.81 -30.75 -0.39) |
| LCH | lch(66.81 30.75 180.73) |
| OKLab | oklab(70.43% -0.08869 -0.00039) |
| OKLCH | oklch(70.43% 0.08869 180.25) |
| Display P3 | color(display-p3 0.44061 0.68996 0.6366) |
| Rec. 2020 | color(rec2020 0.46409 0.64515 0.59869) |
| Adobe RGB | color(a98-rgb 0.48097 0.69214 0.63218) |
| ProPhoto RGB | color(prophoto-rgb 0.46488 0.60863 0.57282) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.4452 0.36131) |
| XYZ D65 | color(xyz-d65 0.26657 0.36622 0.39848) |
| XYZ D50 | color(xyz-d50 0.26775 0.36381 0.30265) |
| SwiftUI | Color(red: 0.353, green: 0.698, blue: 0.635) |
| UIKit | UIColor(red: 0.353, green: 0.698, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF5AB2A2) |
| Android XML | #5AB2A2 |

## ข้อมูล

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

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

#5ab2a2, #6dbaab, #7ec1b4, #8fc9bd, #a0d1c6, #b0d8d0, #c0e0d9, #d0e8e2, #e0f0ec, #eff7f5

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

#5ab2a2, #4d9a8c, #418377, #356d63, #29574f, #1e433c, #132f2a, #091d19, #030c0a, #000101

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

#5ab2a2, #63b0a2, #6cafa2, #74ada1, #7baba1, #82a9a1, #88a7a1, #8fa5a0, #95a4a0, #9aa2a0

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

- คู่ตรงข้าม: #5ab2a2, #ce889d
- คู่ตรงข้ามแยก: #5ab2a2, #c08cba, #d18b7f
- ข้างเคียง: #5ab2a2, #77b083, #55afbe
- สามเส้า: #5ab2a2, #a893cf, #c99366
- สี่เหลี่ยมผืนผ้า: #5ab2a2, #6ba7d2, #ce889d, #c99366
- สี่เหลี่ยมจัตุรัส: #5ab2a2, #8a9dd8, #ce889d, #b59e5d
- โทนสีเดียว: #5ab2a2, #00695b, #318d7e, #81d9c8, #a8ffef

## คำถามเกี่ยวกับ #5ab2a2

### #5ab2a2 คือสีอะไร

#5ab2a2 เป็นโทนละมุน เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(90, 178, 162) ใน HSL คือ hsl(169.09, 36.36%, 52.55%) และใน OKLCH คือ oklch(70.43% 0.08869 180.25)

### สีอะไรเข้ากับ #5ab2a2

สีตรงข้ามของ #5ab2a2 คือ #ce889d หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #77b083 และ #55afbe ส่วนสีสามเส้าคือ #a893cf และ #c99366

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

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

### #5ab2a2 เป็นสีโทนร้อนหรือโทนเย็น

#5ab2a2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 180 องศา ความสว่าง 70.4% และความสด 0.089