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

#80e2cc คือ rgb(128, 226, 204) ใน RGB และ oklch(84.635% 0.09856 177.59) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #80e2cc |
| RGB | rgb(128, 226, 204) |
| HSL | hsl(166.53, 62.82%, 69.41%) |
| HSB / HSV | hsv(166.53 43.36% 88.63%) |
| HWB | hwb(166.53 50.2% 11.37%) |
| CMYK | cmyk(43% 0% 10% 11%) |
| Lab | lab(83.43 -34.15 1.29) |
| LCH | lch(83.43 34.17 177.83) |
| OKLab | oklab(84.635% -0.09847 0.00414) |
| OKLCH | oklch(84.635% 0.09856 177.59) |
| Display P3 | color(display-p3 0.59484 0.87689 0.80278) |
| Rec. 2020 | color(rec2020 0.63831 0.84959 0.78158) |
| Adobe RGB | color(a98-rgb 0.63709 0.88296 0.79887) |
| ProPhoto RGB | color(prophoto-rgb 0.64189 0.82189 0.76382) |
| sRGB เชิงเส้น | color(srgb-linear 0.21586 0.76052 0.60383) |
| XYZ D65 | color(xyz-d65 0.46995 0.6334 0.66878) |
| XYZ D50 | color(xyz-d50 0.47344 0.62984 0.50803) |
| SwiftUI | Color(red: 0.502, green: 0.886, blue: 0.8) |
| UIKit | UIColor(red: 0.502, green: 0.886, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF80E2CC) |
| Android XML | #80E2CC |

## ข้อมูล

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

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

#80e2cc, #8fe5d1, #9de8d6, #aaebdb, #b7eee0, #c4f1e5, #d0f4ea, #dcf7ef, #e8faf5, #f3fcfa

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

#80e2cc, #6ec4b1, #5da897, #4d8c7e, #3d7165, #2e574e, #1f3e37, #122722, #06120f, #010302

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

#80e2cc, #8ae0cc, #93decc, #9bdccc, #a3dacc, #abd8cc, #b2d5cc, #b9d3cc, #c0d1cc, #c6cfcc

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

- คู่ตรงข้าม: #80e2cc, #ffb2cd
- คู่ตรงข้ามแยก: #80e2cc, #f0b6ee, #ffb4a9
- ข้างเคียง: #80e2cc, #a1dfa8, #77dfee
- สามเส้า: #80e2cc, #d4bfff, #febd8c
- สี่เหลี่ยมผืนผ้า: #80e2cc, #8dd6ff, #ffb2cd, #febd8c
- สี่เหลี่ยมจัตุรัส: #80e2cc, #b1cbff, #ffb2cd, #e8c980
- โทนสีเดียว: #80e2cc, #2c9582, #58bba6, #b9fff3, #bffff5

## คำถามเกี่ยวกับ #80e2cc

### #80e2cc คือสีอะไร

#80e2cc เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(128, 226, 204) ใน HSL คือ hsl(166.53, 62.82%, 69.41%) และใน OKLCH คือ oklch(84.635% 0.09856 177.59)

### สีอะไรเข้ากับ #80e2cc

สีตรงข้ามของ #80e2cc คือ #ffb2cd หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a1dfa8 และ #77dfee ส่วนสีสามเส้าคือ #d4bfff และ #febd8c

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

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

### #80e2cc เป็นสีโทนร้อนหรือโทนเย็น

#80e2cc เป็นสีโทนเย็น ใน OKLCH มีฮิว 178 องศา ความสว่าง 84.6% และความสด 0.099