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

#77e5de คือ rgb(119, 229, 222) ใน RGB และ oklch(85.489% 0.10209 189.971) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #77e5de |
| RGB | rgb(119, 229, 222) |
| HSL | hsl(176.18, 67.9%, 68.24%) |
| HSB / HSV | hsv(176.18 48.03% 89.8%) |
| HWB | hwb(176.18 46.67% 10.2%) |
| CMYK | cmyk(48% 0% 3% 10%) |
| Lab | lab(84.33 -34.35 -6.89) |
| LCH | lch(84.33 35.04 191.34) |
| OKLab | oklab(85.489% -0.10055 -0.01768) |
| OKLCH | oklch(85.489% 0.10209 189.971) |
| Display P3 | color(display-p3 0.57562 0.88789 0.86769) |
| Rec. 2020 | color(rec2020 0.63295 0.8616 0.85259) |
| Adobe RGB | color(a98-rgb 0.62454 0.89501 0.86809) |
| ProPhoto RGB | color(prophoto-rgb 0.64882 0.83518 0.83799) |
| sRGB เชิงเส้น | color(srgb-linear 0.18447 0.78354 0.73046) |
| XYZ D65 | color(xyz-d65 0.48809 0.65232 0.79129) |
| XYZ D50 | color(xyz-d50 0.48674 0.64703 0.60026) |
| SwiftUI | Color(red: 0.467, green: 0.898, blue: 0.871) |
| UIKit | UIColor(red: 0.467, green: 0.898, blue: 0.871, alpha: 1) |
| Flutter / Compose | Color(0xFF77E5DE) |
| Android XML | #77E5DE |

## ข้อมูล

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

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

#77e5de, #88e8e1, #97ebe5, #a6ede8, #b4f0eb, #c1f3ee, #cef5f2, #daf8f5, #e7faf8, #f3fdfc

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

#77e5de, #67c7c1, #57aaa5, #478e89, #38726f, #2a5855, #1c3f3d, #102826, #051212, #010302

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

#77e5de, #83e3dd, #8ee1db, #98dfda, #a1ddd8, #aadbd7, #b2d8d5, #bad6d4, #c1d4d2, #c8d2d1

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

- คู่ตรงข้าม: #77e5de, #ffb4c0
- คู่ตรงข้ามแยก: #77e5de, #fdb5e4, #ffb99d
- ข้างเคียง: #77e5de, #92e4b8, #7cdffe
- สามเส้า: #77e5de, #e4bdff, #fbc484
- สี่เหลี่ยมผืนผ้า: #77e5de, #9fd5ff, #ffb4c0, #fbc484
- สี่เหลี่ยมจัตุรัส: #77e5de, #c3c9ff, #ffb4c0, #dfd181
- โทนสีเดียว: #77e5de, #179892, #4dbeb7, #b7ffff, #b7ffff

## คำถามเกี่ยวกับ #77e5de

### #77e5de คือสีอะไร

#77e5de เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(119, 229, 222) ใน HSL คือ hsl(176.18, 67.9%, 68.24%) และใน OKLCH คือ oklch(85.489% 0.10209 189.971)

### สีอะไรเข้ากับ #77e5de

สีตรงข้ามของ #77e5de คือ #ffb4c0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #92e4b8 และ #7cdffe ส่วนสีสามเส้าคือ #e4bdff และ #fbc484

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

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

### #77e5de เป็นสีโทนร้อนหรือโทนเย็น

#77e5de เป็นสีโทนเย็น ใน OKLCH มีฮิว 190 องศา ความสว่าง 85.5% และความสด 0.102