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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5aa28e |
| RGB | rgb(90, 162, 142) |
| HSL | hsl(163.33, 28.57%, 49.41%) |
| HSB / HSV | hsv(163.33 44.44% 63.53%) |
| HWB | hwb(163.33 35.29% 36.47%) |
| CMYK | cmyk(44% 0% 12% 36%) |
| Lab | lab(61.5 -27.38 3.03) |
| LCH | lch(61.5 27.55 173.69) |
| OKLab | oklab(65.918% -0.07871 0.00856) |
| OKLCH | oklch(65.918% 0.07917 173.793) |
| Display P3 | color(display-p3 0.42123 0.6284 0.56034) |
| Rec. 2020 | color(rec2020 0.42728 0.57934 0.51635) |
| Adobe RGB | color(a98-rgb 0.45392 0.62945 0.55528) |
| ProPhoto RGB | color(prophoto-rgb 0.42178 0.54311 0.4914) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.36131 0.2705) |
| XYZ D65 | color(xyz-d65 0.22018 0.29966 0.30216) |
| XYZ D50 | color(xyz-d50 0.22244 0.29816 0.22966) |
| SwiftUI | Color(red: 0.353, green: 0.635, blue: 0.557) |
| UIKit | UIColor(red: 0.353, green: 0.635, blue: 0.557, alpha: 1) |
| Flutter / Compose | Color(0xFF5AA28E) |
| Android XML | #5AA28E |

## ข้อมูล

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

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

#5aa28e, #6cab99, #7db4a4, #8dbeaf, #9ec7ba, #aed0c5, #bed9d0, #cee3dc, #deece7, #eff6f3

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

#5aa28e, #4d8c7b, #417768, #356356, #294f44, #1e3c34, #132a24, #091915, #030a07, #000101

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

#5aa28e, #61a18e, #689f8f, #6e9d8f, #749c90, #799a90, #7f9990, #849791, #899591, #8d9491

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

- คู่ตรงข้าม: #5aa28e, #b97e95
- คู่ตรงข้ามแยก: #5aa28e, #aa82ae, #be7f7a
- ข้างเคียง: #5aa28e, #749f73, #50a0a8
- สามเส้า: #5aa28e, #9489be, #b98563
- สี่เหลี่ยมผืนผ้า: #5aa28e, #5f9abb, #b97e95, #b98563
- สี่เหลี่ยมจัตุรัส: #5aa28e, #7992c3, #b97e95, #a98e58
- โทนสีเดียว: #5aa28e, #025b49, #347d6b, #80c8b3, #a6efd9

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

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

#5aa28e เป็นโทนตุ่น สีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีเขียวหัวเป็ด ใน RGB คือ rgb(90, 162, 142) ใน HSL คือ hsl(163.33, 28.57%, 49.41%) และใน OKLCH คือ oklch(65.918% 0.07917 173.793)

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

สีตรงข้ามของ #5aa28e คือ #b97e95 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #749f73 และ #50a0a8 ส่วนสีสามเส้าคือ #9489be และ #b98563

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

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

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

#5aa28e เป็นสีโทนเย็น ใน OKLCH มีฮิว 174 องศา ความสว่าง 65.9% และความสด 0.079