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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5aaaa2 |
| RGB | rgb(90, 170, 162) |
| HSL | hsl(174, 32%, 50.98%) |
| HSB / HSV | hsv(174 47.06% 66.67%) |
| HWB | hwb(174 35.29% 33.33%) |
| CMYK | cmyk(47% 0% 5% 33%) |
| Lab | lab(64.39 -27.22 -3.9) |
| LCH | lch(64.39 27.49 188.16) |
| OKLab | oklab(68.489% -0.07931 -0.00981) |
| OKLCH | oklch(68.489% 0.07991 187.05) |
| Display P3 | color(display-p3 0.43076 0.65917 0.63411) |
| Rec. 2020 | color(rec2020 0.44786 0.61262 0.5954) |
| Adobe RGB | color(a98-rgb 0.46727 0.66074 0.63078) |
| ProPhoto RGB | color(prophoto-rgb 0.45006 0.57675 0.5684) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.40198 0.36131) |
| XYZ D65 | color(xyz-d65 0.25111 0.33531 0.39332) |
| XYZ D50 | color(xyz-d50 0.2511 0.33282 0.29846) |
| SwiftUI | Color(red: 0.353, green: 0.667, blue: 0.635) |
| UIKit | UIColor(red: 0.353, green: 0.667, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF5AAAA2) |
| Android XML | #5AAAA2 |

## ข้อมูล

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

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

#5aaaa2, #6cb2ab, #7ebbb4, #8ec3bd, #9fccc6, #afd4d0, #bfddd9, #cfe5e2, #dfeeec, #eff6f5

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

#5aaaa2, #4d938c, #417d77, #356863, #29534f, #1e3f3c, #132d2a, #091b19, #030b0a, #000101

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

#5aaaa2, #62a8a1, #6aa7a0, #71a59f, #78a49f, #7ea29e, #84a19d, #8a9f9c, #8f9d9b, #959b9a

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

- คู่ตรงข้าม: #5aaaa2, #c58591
- คู่ตรงข้ามแยก: #5aaaa2, #ba87ac, #c68977
- ข้างเคียง: #5aaaa2, #6fa986, #5ba6ba
- สามเส้า: #5aaaa2, #a78dc1, #bb9063
- สี่เหลี่ยมผืนผ้า: #5aaaa2, #719fc9, #c58591, #bb9063
- สี่เหลี่ยมจัตุรัส: #5aaaa2, #8d96cb, #c58591, #a79a5f
- โทนสีเดียว: #5aaaa2, #00625b, #33857e, #80d0c8, #a7f8ef

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

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

#5aaaa2 เป็นโทนตุ่น สีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีเขียวหัวเป็ด ใน RGB คือ rgb(90, 170, 162) ใน HSL คือ hsl(174, 32%, 50.98%) และใน OKLCH คือ oklch(68.489% 0.07991 187.05)

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

สีตรงข้ามของ #5aaaa2 คือ #c58591 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6fa986 และ #5ba6ba ส่วนสีสามเส้าคือ #a78dc1 และ #bb9063

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

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

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

#5aaaa2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 187 องศา ความสว่าง 68.5% และความสด 0.08