# สี #5ae2d9: โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด

#5ae2d9 คือ rgb(90, 226, 217) ใน RGB และ oklch(83.637% 0.11823 189.05) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #5ae2d9 |
| RGB | rgb(90, 226, 217) |
| HSL | hsl(176.03, 70.1%, 61.96%) |
| HSB / HSV | hsv(176.03 60.18% 88.63%) |
| HWB | hwb(176.03 35.29% 11.37%) |
| CMYK | cmyk(60% 0% 4% 11%) |
| Lab | lab(82.38 -40.06 -7.26) |
| LCH | lch(82.38 40.71 190.27) |
| OKLab | oklab(83.637% -0.11676 -0.0186) |
| OKLCH | oklch(83.637% 0.11823 189.05) |
| Display P3 | color(display-p3 0.50544 0.87491 0.8481) |
| Rec. 2020 | color(rec2020 0.58135 0.84554 0.83097) |
| Adobe RGB | color(a98-rgb 0.56937 0.88296 0.84841) |
| ProPhoto RGB | color(prophoto-rgb 0.60335 0.81626 0.81485) |
| sRGB เชิงเส้น | color(srgb-linear 0.10224 0.76052 0.69387) |
| XYZ D65 | color(xyz-d65 0.43935 0.61574 0.75217) |
| XYZ D50 | color(xyz-d50 0.43678 0.61002 0.57075) |
| SwiftUI | Color(red: 0.353, green: 0.886, blue: 0.851) |
| UIKit | UIColor(red: 0.353, green: 0.886, blue: 0.851, alpha: 1) |
| Flutter / Compose | Color(0xFF5AE2D9) |
| Android XML | #5AE2D9 |

## ข้อมูล

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

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

#5ae2d9, #71e5dd, #85e8e1, #97ebe4, #a8eee8, #b7f1ec, #c6f4f0, #d5f7f4, #e3faf7, #f1fcfb

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

#5ae2d9, #4dc4bc, #41a8a1, #358c86, #29716c, #1e5753, #133e3b, #092725, #031211, #000302

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

#5ae2d9, #6be0d7, #7addd6, #87dbd4, #92d9d3, #9dd6d1, #a7d4d0, #b0d1ce, #b9cfcc, #c1cccb

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

- คู่ตรงข้าม: #5ae2d9, #ffa9b9
- คู่ตรงข้ามแยก: #5ae2d9, #fdabe3, #ffae90
- ข้างเคียง: #5ae2d9, #80e1ad, #61dcfd
- สามเส้า: #5ae2d9, #e0b4ff, #fbbb70
- สี่เหลี่ยมผืนผ้า: #5ae2d9, #91cfff, #ffa9b9, #fbbb70
- สี่เหลี่ยมจัตุรัส: #5ae2d9, #bac3ff, #ffa9b9, #dccb6b
- โทนสีเดียว: #5ae2d9, #00958e, #22bbb3, #9efffe, #b8ffff

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

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

#5ae2d9 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(90, 226, 217) ใน HSL คือ hsl(176.03, 70.1%, 61.96%) และใน OKLCH คือ oklch(83.637% 0.11823 189.05)

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

สีตรงข้ามของ #5ae2d9 คือ #ffa9b9 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #80e1ad และ #61dcfd ส่วนสีสามเส้าคือ #e0b4ff และ #fbbb70

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

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

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

#5ae2d9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 189 องศา ความสว่าง 83.6% และความสด 0.118