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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87dcaa |
| RGB | rgb(135, 220, 170) |
| HSL | hsl(144.71, 54.84%, 69.61%) |
| HSB / HSV | hsv(144.71 38.64% 86.27%) |
| HWB | hwb(144.71 52.94% 13.73%) |
| CMYK | cmyk(39% 0% 23% 14%) |
| Lab | lab(81.37 -35.09 16.19) |
| LCH | lch(81.37 38.65 155.23) |
| OKLab | oklab(82.683% -0.10088 0.04253) |
| OKLCH | oklch(82.683% 0.10948 157.141) |
| Display P3 | color(display-p3 0.60662 0.85429 0.6814) |
| Rec. 2020 | color(rec2020 0.6327 0.8245 0.65024) |
| Adobe RGB | color(a98-rgb 0.64185 0.8589 0.6703) |
| ProPhoto RGB | color(prophoto-rgb 0.61842 0.79406 0.6307) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.71569 0.40198) |
| XYZ D65 | color(xyz-d65 0.42838 0.59238 0.47208) |
| XYZ D50 | color(xyz-d50 0.43882 0.59135 0.35991) |
| SwiftUI | Color(red: 0.529, green: 0.863, blue: 0.667) |
| UIKit | UIColor(red: 0.529, green: 0.863, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF87DCAA) |
| Android XML | #87DCAA |

## ข้อมูล

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

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

#87dcaa, #94e0b2, #a1e3bb, #ade7c3, #baebcc, #c6eed4, #d1f2dd, #ddf5e5, #e8f8ee, #f4fcf6

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

#87dcaa, #75bf93, #63a37d, #518868, #416e53, #31543f, #213c2d, #13261b, #06110b, #010201

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

#87dcaa, #8fdaad, #96d8b0, #9dd6b3, #a4d4b6, #aad2b8, #b0cfbb, #b6cdbe, #bbcbc1, #c1c8c3

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

- คู่ตรงข้าม: #87dcaa, #f4abe0
- คู่ตรงข้ามแยก: #87dcaa, #d9b3fe, #ffa8ba
- ข้างเคียง: #87dcaa, #b3d485, #65ddd2
- สามเส้า: #87dcaa, #b4c0ff, #ffad93
- สี่เหลี่ยมผืนผ้า: #87dcaa, #68d8f5, #f4abe0, #ffad93
- สี่เหลี่ยมจัตุรัส: #87dcaa, #8bcdff, #f4abe0, #f6b877
- โทนสีเดียว: #87dcaa, #399062, #61b585, #aeffd0, #c8ffe0

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

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

#87dcaa เป็นโทนพาสเทล เฉดอ่อนของสีเขียวมรกต ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวมรกต ใน RGB คือ rgb(135, 220, 170) ใน HSL คือ hsl(144.71, 54.84%, 69.61%) และใน OKLCH คือ oklch(82.683% 0.10948 157.141)

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

สีตรงข้ามของ #87dcaa คือ #f4abe0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #b3d485 และ #65ddd2 ส่วนสีสามเส้าคือ #b4c0ff และ #ffad93

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

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

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

#87dcaa เป็นสีโทนเย็น ใน OKLCH มีฮิว 157 องศา ความสว่าง 82.7% และความสด 0.109