# สี #87dcbb: โทนพาสเทล เฉดอ่อนของสีเขียวมรกต

#87dcbb คือ rgb(135, 220, 187) ใน RGB และ oklch(83.109% 0.09576 167.342) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87dcbb |
| RGB | rgb(135, 220, 187) |
| HSL | hsl(156.71, 54.84%, 69.61%) |
| HSB / HSV | hsv(156.71 38.64% 86.27%) |
| HWB | hwb(156.71 52.94% 13.73%) |
| CMYK | cmyk(39% 0% 15% 14%) |
| Lab | lab(81.68 -32.52 7.75) |
| LCH | lch(81.68 33.43 166.59) |
| OKLab | oklab(83.109% -0.09343 0.02098) |
| OKLCH | oklch(83.109% 0.09576 167.342) |
| Display P3 | color(display-p3 0.60662 0.85429 0.74088) |
| Rec. 2020 | color(rec2020 0.63604 0.82516 0.71408) |
| Adobe RGB | color(a98-rgb 0.64185 0.8589 0.73359) |
| ProPhoto RGB | color(prophoto-rgb 0.62924 0.79584 0.69417) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.71569 0.49693) |
| XYZ D65 | color(xyz-d65 0.44552 0.59923 0.56234) |
| XYZ D50 | color(xyz-d50 0.4524 0.5971 0.42771) |
| SwiftUI | Color(red: 0.529, green: 0.863, blue: 0.733) |
| UIKit | UIColor(red: 0.529, green: 0.863, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF87DCBB) |
| Android XML | #87DCBB |

## ข้อมูล

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

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

#87dcbb, #94e0c2, #a1e3c8, #aee7cf, #baead6, #c6eedd, #d1f1e3, #ddf5ea, #e8f8f1, #f4fcf8

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

#87dcbb, #75bfa2, #63a38a, #518873, #416e5c, #315446, #213c32, #13261f, #06110d, #010202

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

#87dcbb, #8fdabc, #96d8be, #9ed6bf, #a4d4c0, #abd2c1, #b1d0c3, #b7cec4, #bdccc5, #c2cac6

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

- คู่ตรงข้าม: #87dcbb, #f7afd3
- คู่ตรงข้ามแยก: #87dcbb, #e1b4f1, #ffaeb1
- ข้างเคียง: #87dcbb, #aad799, #75dbdd
- สามเส้า: #87dcbb, #c3beff, #fcb592
- สี่เหลี่ยมผืนผ้า: #87dcbb, #81d4f8, #f7afd3, #fcb592
- สี่เหลี่ยมจัตุรัส: #87dcbb, #a0caff, #f7afd3, #ebc07f
- โทนสีเดียว: #87dcbb, #399072, #60b596, #aeffe2, #c3ffeb

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

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

#87dcbb เป็นโทนพาสเทล เฉดอ่อนของสีเขียวมรกต ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวมรกต ใน RGB คือ rgb(135, 220, 187) ใน HSL คือ hsl(156.71, 54.84%, 69.61%) และใน OKLCH คือ oklch(83.109% 0.09576 167.342)

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

สีตรงข้ามของ #87dcbb คือ #f7afd3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #aad799 และ #75dbdd ส่วนสีสามเส้าคือ #c3beff และ #fcb592

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

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

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

#87dcbb เป็นสีโทนเย็น ใน OKLCH มีฮิว 167 องศา ความสว่าง 83.1% และความสด 0.096