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

#87d4cb คือ rgb(135, 212, 203) ใน RGB และ oklch(81.736% 0.07745 186.423) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87d4cb |
| RGB | rgb(135, 212, 203) |
| HSL | hsl(172.99, 47.24%, 68.04%) |
| HSB / HSV | hsv(172.99 36.32% 83.14%) |
| HWB | hwb(172.99 52.94% 16.86%) |
| CMYK | cmyk(36% 0% 4% 17%) |
| Lab | lab(79.73 -26.35 -3.48) |
| LCH | lch(79.73 26.58 187.53) |
| OKLab | oklab(81.736% -0.07697 -0.00867) |
| OKLCH | oklch(81.736% 0.07745 186.423) |
| Display P3 | color(display-p3 0.59795 0.82358 0.79511) |
| Rec. 2020 | color(rec2020 0.62417 0.79295 0.77212) |
| Adobe RGB | color(a98-rgb 0.62906 0.82691 0.79256) |
| ProPhoto RGB | color(prophoto-rgb 0.62534 0.76382 0.75181) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.65837 0.5972) |
| XYZ D65 | color(xyz-d65 0.44312 0.56548 0.65082) |
| XYZ D50 | color(xyz-d50 0.44467 0.56209 0.49375) |
| SwiftUI | Color(red: 0.529, green: 0.831, blue: 0.796) |
| UIKit | UIColor(red: 0.529, green: 0.831, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF87D4CB) |
| Android XML | #87D4CB |

## ข้อมูล

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

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

#87d4cb, #94d8d0, #a1ddd5, #ade1da, #b9e5e0, #c5eae5, #d1eeea, #ddf2ef, #e8f7f4, #f4fbfa

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

#87d4cb, #75b8b0, #639d96, #51837d, #416965, #31514d, #213a37, #132422, #06100f, #010202

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

#87d4cb, #8ed2ca, #95d1c9, #9ccfc9, #a2cec8, #a8ccc7, #aecac6, #b3c8c5, #b9c7c5, #bec5c4

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

- คู่ตรงข้าม: #87d4cb, #f0afbb
- คู่ตรงข้ามแยก: #87d4cb, #e4b1d6, #f1b2a0
- ข้างเคียง: #87d4cb, #9ad3af, #87d0e4
- สามเส้า: #87d4cb, #d0b7eb, #e6ba8e
- สี่เหลี่ยมผืนผ้า: #87d4cb, #9ac9f3, #f0afbb, #e6ba8e
- สี่เหลี่ยมจัตุรัส: #87d4cb, #b5c0f6, #f0afbb, #d2c48a
- โทนสีเดียว: #87d4cb, #3a8881, #61ada5, #aefcf2, #bafffd

## คำถามเกี่ยวกับ #87d4cb

### #87d4cb คือสีอะไร

#87d4cb เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(135, 212, 203) ใน HSL คือ hsl(172.99, 47.24%, 68.04%) และใน OKLCH คือ oklch(81.736% 0.07745 186.423)

### สีอะไรเข้ากับ #87d4cb

สีตรงข้ามของ #87d4cb คือ #f0afbb หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #9ad3af และ #87d0e4 ส่วนสีสามเส้าคือ #d0b7eb และ #e6ba8e

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

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

### #87d4cb เป็นสีโทนร้อนหรือโทนเย็น

#87d4cb เป็นสีโทนเย็น ใน OKLCH มีฮิว 186 องศา ความสว่าง 81.7% และความสด 0.077