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

#87dec6 คือ rgb(135, 222, 198) ใน RGB และ oklch(83.868% 0.0915 174.429) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87dec6 |
| RGB | rgb(135, 222, 198) |
| HSL | hsl(163.45, 56.86%, 70%) |
| HSB / HSV | hsv(163.45 39.19% 87.06%) |
| HWB | hwb(163.45 52.94% 12.94%) |
| CMYK | cmyk(39% 0% 11% 13%) |
| Lab | lab(82.48 -31.59 3.11) |
| LCH | lch(82.48 31.74 174.37) |
| OKLab | oklab(83.868% -0.09107 0.00888) |
| OKLCH | oklch(83.868% 0.0915 174.429) |
| Display P3 | color(display-p3 0.60883 0.86198 0.78044) |
| Rec. 2020 | color(rec2020 0.64231 0.83388 0.75701) |
| Adobe RGB | color(a98-rgb 0.6451 0.86692 0.7754) |
| ProPhoto RGB | color(prophoto-rgb 0.64074 0.80567 0.73801) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.73046 0.56471) |
| XYZ D65 | color(xyz-d65 0.46304 0.61469 0.62853) |
| XYZ D50 | color(xyz-d50 0.46779 0.6118 0.47755) |
| SwiftUI | Color(red: 0.529, green: 0.871, blue: 0.776) |
| UIKit | UIColor(red: 0.529, green: 0.871, blue: 0.776, alpha: 1) |
| Flutter / Compose | Color(0xFF87DEC6) |
| Android XML | #87DEC6 |

## ข้อมูล

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

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

#87dec6, #95e1cc, #a1e5d1, #aee8d7, #baecdc, #c6efe2, #d2f2e8, #ddf5ee, #e9f9f3, #f4fcf9

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

#87dec6, #75c1ac, #63a592, #51897a, #416f62, #31554b, #213d35, #132621, #06120e, #010202

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

#87dec6, #8fdcc6, #97dac7, #9ed8c7, #a5d6c8, #acd4c8, #b3d2c8, #b9d0c9, #bfcec9, #c4ccca

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

- คู่ตรงข้าม: #87dec6, #fab2ce
- คู่ตรงข้ามแยก: #87dec6, #e9b6ec, #ffb3ad
- ข้างเคียง: #87dec6, #a6daa5, #7cdce6
- สามเส้า: #87dec6, #cdbfff, #faba91
- สี่เหลี่ยมผืนผ้า: #87dec6, #8dd4fd, #fab2ce, #faba91
- สี่เหลี่ยมจัตุรัส: #87dec6, #accaff, #fab2ce, #e6c684
- โทนสีเดียว: #87dec6, #38927c, #60b7a0, #aeffed, #c0fff2

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

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

#87dec6 เป็นโทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(135, 222, 198) ใน HSL คือ hsl(163.45, 56.86%, 70%) และใน OKLCH คือ oklch(83.868% 0.0915 174.429)

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

สีตรงข้ามของ #87dec6 คือ #fab2ce หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #a6daa5 และ #7cdce6 ส่วนสีสามเส้าคือ #cdbfff และ #faba91

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

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

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

#87dec6 เป็นสีโทนเย็น ใน OKLCH มีฮิว 174 องศา ความสว่าง 83.9% และความสด 0.092