# สี #80d4dc: โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว

#80d4dc คือ rgb(128, 212, 220) ใน RGB และ oklch(81.943% 0.08241 203.503) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #80d4dc |
| RGB | rgb(128, 212, 220) |
| HSL | hsl(185.22, 56.79%, 68.24%) |
| HSB / HSV | hsv(185.22 41.82% 86.27%) |
| HWB | hwb(185.22 50.2% 13.73%) |
| CMYK | cmyk(42% 4% 0% 14%) |
| Lab | lab(79.81 -25.1 -12.44) |
| LCH | lch(79.81 28.02 206.36) |
| OKLab | oklab(81.943% -0.07558 -0.03287) |
| OKLCH | oklch(81.943% 0.08241 203.503) |
| Display P3 | color(display-p3 0.57886 0.82308 0.85593) |
| Rec. 2020 | color(rec2020 0.61465 0.79265 0.83847) |
| Adobe RGB | color(a98-rgb 0.61387 0.82691 0.85761) |
| ProPhoto RGB | color(prophoto-rgb 0.6275 0.76433 0.82058) |
| sRGB เชิงเส้น | color(srgb-linear 0.21586 0.65837 0.71569) |
| XYZ D65 | color(xyz-d65 0.45361 0.56842 0.76294) |
| XYZ D50 | color(xyz-d50 0.4501 0.56339 0.578) |
| SwiftUI | Color(red: 0.502, green: 0.831, blue: 0.863) |
| UIKit | UIColor(red: 0.502, green: 0.831, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF80D4DC) |
| Android XML | #80D4DC |

## ข้อมูล

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

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

#80d4dc, #8ed8e0, #9cdde3, #a9e1e7, #b6e6ea, #c2eaee, #cfeef1, #dbf2f5, #e7f7f8, #f3fbfc

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

#80d4dc, #6eb8bf, #5d9da3, #4d8388, #3d696e, #2e5154, #1f3a3c, #122426, #061011, #010202

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

#80d4dc, #88d3da, #90d1d7, #98cfd5, #9fced2, #a6ccd0, #accbce, #b2c9cb, #b8c7c9, #bec6c6

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

- คู่ตรงข้าม: #80d4dc, #f5afab
- คู่ตรงข้ามแยก: #80d4dc, #efaec8, #efb692
- ข้างเคียง: #80d4dc, #8ad6bf, #8dcef1
- สามเส้า: #80d4dc, #dfb2e3, #dec086
- สี่เหลี่ยมผืนผ้า: #80d4dc, #a8c4fa, #f5afab, #dec086
- สี่เหลี่ยมจัตุรัส: #80d4dc, #c6baf5, #f5afab, #c3ca8c
- โทนสีเดียว: #80d4dc, #318890, #59adb5, #a7fcff, #b8ffff

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

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

#80d4dc เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(128, 212, 220) ใน HSL คือ hsl(185.22, 56.79%, 68.24%) และใน OKLCH คือ oklch(81.943% 0.08241 203.503)

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

สีตรงข้ามของ #80d4dc คือ #f5afab หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8ad6bf และ #8dcef1 ส่วนสีสามเส้าคือ #dfb2e3 และ #dec086

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

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

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

#80d4dc เป็นสีโทนเย็น ใน OKLCH มีฮิว 204 องศา ความสว่าง 81.9% และความสด 0.082