# สี #89e3ca: โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด

#89e3ca คือ rgb(137, 227, 202) ใน RGB และ oklch(85.218% 0.09419 174.24) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #89e3ca |
| RGB | rgb(137, 227, 202) |
| HSL | hsl(163.33, 61.64%, 71.37%) |
| HSB / HSV | hsv(163.33 39.65% 89.02%) |
| HWB | hwb(163.33 53.73% 10.98%) |
| CMYK | cmyk(40% 0% 11% 11%) |
| Lab | lab(84.08 -32.52 3.32) |
| LCH | lch(84.08 32.69 174.17) |
| OKLab | oklab(85.218% -0.09372 0.00945) |
| OKLCH | oklch(85.218% 0.09419 174.24) |
| Display P3 | color(display-p3 0.61978 0.88132 0.79635) |
| Rec. 2020 | color(rec2020 0.65692 0.85504 0.77468) |
| Adobe RGB | color(a98-rgb 0.65755 0.88698 0.79148) |
| ProPhoto RGB | color(prophoto-rgb 0.65665 0.82816 0.75693) |
| sRGB เชิงเส้น | color(srgb-linear 0.25016 0.76815 0.59062) |
| XYZ D65 | color(xyz-d65 0.48444 0.64519 0.6578) |
| XYZ D50 | color(xyz-d50 0.48944 0.64214 0.49982) |
| SwiftUI | Color(red: 0.537, green: 0.89, blue: 0.792) |
| UIKit | UIColor(red: 0.537, green: 0.89, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF89E3CA) |
| Android XML | #89E3CA |

## ข้อมูล

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

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

#89e3ca, #96e6cf, #a3e9d4, #b0ecda, #bcefdf, #c7f1e4, #d3f4ea, #def7ef, #e9faf4, #f4fcfa

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

#89e3ca, #76c5af, #64a895, #538c7c, #427164, #31574d, #223f37, #142722, #07120f, #010302

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

#89e3ca, #92e1ca, #9adfcb, #a1ddcb, #a9dbcc, #b0d9cc, #b6d7cd, #bcd5cd, #c3d3cd, #c9d0ce

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

- คู่ตรงข้าม: #89e3ca, #ffb5d2
- คู่ตรงข้ามแยก: #89e3ca, #eebaf1, #ffb7b0
- ข้างเคียง: #89e3ca, #a9dfa8, #7ee1eb
- สามเส้า: #89e3ca, #d2c3ff, #ffbe94
- สี่เหลี่ยมผืนผ้า: #89e3ca, #8fd9ff, #ffb5d2, #ffbe94
- สี่เหลี่ยมจัตุรัส: #89e3ca, #b0ceff, #ffb5d2, #ebca86
- โทนสีเดียว: #89e3ca, #399680, #62bca4, #c0fff1, #c0fff1

## คำถามเกี่ยวกับ #89e3ca

### #89e3ca คือสีอะไร

#89e3ca เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(137, 227, 202) ใน HSL คือ hsl(163.33, 61.64%, 71.37%) และใน OKLCH คือ oklch(85.218% 0.09419 174.24)

### สีอะไรเข้ากับ #89e3ca

สีตรงข้ามของ #89e3ca คือ #ffb5d2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a9dfa8 และ #7ee1eb ส่วนสีสามเส้าคือ #d2c3ff และ #ffbe94

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

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

### #89e3ca เป็นสีโทนร้อนหรือโทนเย็น

#89e3ca เป็นสีโทนเย็น ใน OKLCH มีฮิว 174 องศา ความสว่าง 85.2% และความสด 0.094