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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #77e5dc |
| RGB | rgb(119, 229, 220) |
| HSL | hsl(175.09, 67.9%, 68.24%) |
| HSB / HSV | hsv(175.09 48.03% 89.8%) |
| HWB | hwb(175.09 46.67% 10.2%) |
| CMYK | cmyk(48% 0% 4% 10%) |
| Lab | lab(84.28 -34.73 -5.91) |
| LCH | lch(84.28 35.23 189.66) |
| OKLab | oklab(85.427% -0.10138 -0.01503) |
| OKLCH | oklch(85.427% 0.10249 188.435) |
| Display P3 | color(display-p3 0.57562 0.88789 0.86052) |
| Rec. 2020 | color(rec2020 0.63243 0.8615 0.84475) |
| Adobe RGB | color(a98-rgb 0.62454 0.89501 0.86042) |
| ProPhoto RGB | color(prophoto-rgb 0.64718 0.83492 0.82978) |
| sRGB เชิงเส้น | color(srgb-linear 0.18447 0.78354 0.71569) |
| XYZ D65 | color(xyz-d65 0.48543 0.65126 0.77725) |
| XYZ D50 | color(xyz-d50 0.48462 0.64614 0.58971) |
| SwiftUI | Color(red: 0.467, green: 0.898, blue: 0.863) |
| UIKit | UIColor(red: 0.467, green: 0.898, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF77E5DC) |
| Android XML | #77E5DC |

## ข้อมูล

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

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

#77e5dc, #88e8df, #97ebe3, #a6ede6, #b4f0ea, #c1f3ed, #cef5f1, #daf8f4, #e7faf8, #f3fdfb

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

#77e5dc, #67c7bf, #57aaa3, #478e88, #38726e, #2a5854, #1c3f3c, #102826, #051211, #010302

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

#77e5dc, #83e3db, #8ee1d9, #98dfd8, #a1ddd7, #a9dbd5, #b2d8d4, #b9d6d3, #c1d4d2, #c8d1d0

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

- คู่ตรงข้าม: #77e5dc, #ffb3c2
- คู่ตรงข้ามแยก: #77e5dc, #fcb5e6, #ffb89e
- ข้างเคียง: #77e5dc, #93e4b6, #7ae0fc
- สามเส้า: #77e5dc, #e2bdff, #fcc384
- สี่เหลี่ยมผืนผ้า: #77e5dc, #9cd5ff, #ffb3c2, #fcc384
- สี่เหลี่ยมจัตุรัส: #77e5dc, #c1c9ff, #ffb3c2, #e0d080
- โทนสีเดียว: #77e5dc, #179890, #4dbeb5, #b9ffff, #b9ffff

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

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

#77e5dc เป็นโทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนมากของสีเขียวหัวเป็ด ใน RGB คือ rgb(119, 229, 220) ใน HSL คือ hsl(175.09, 67.9%, 68.24%) และใน OKLCH คือ oklch(85.427% 0.10249 188.435)

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

สีตรงข้ามของ #77e5dc คือ #ffb3c2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #93e4b6 และ #7ae0fc ส่วนสีสามเส้าคือ #e2bdff และ #fcc384

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

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

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

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