# สี #87c2be: โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด

#87c2be คือ rgb(135, 194, 190) ใน RGB และ oklch(77.256% 0.06111 190.645) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87c2be |
| RGB | rgb(135, 194, 190) |
| HSL | hsl(175.93, 32.6%, 64.51%) |
| HSB / HSV | hsv(175.93 30.41% 76.08%) |
| HWB | hwb(175.93 52.94% 23.92%) |
| CMYK | cmyk(30% 0% 2% 24%) |
| Lab | lab(74.31 -20.42 -4.42) |
| LCH | lch(74.31 20.89 192.22) |
| OKLab | oklab(77.256% -0.06005 -0.01129) |
| OKLCH | oklch(77.256% 0.06111 190.645) |
| Display P3 | color(display-p3 0.57941 0.75454 0.74323) |
| Rec. 2020 | color(rec2020 0.58782 0.71882 0.71451) |
| Adobe RGB | color(a98-rgb 0.60149 0.75531 0.74014) |
| ProPhoto RGB | color(prophoto-rgb 0.58309 0.68759 0.69032) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.53948 0.51492) |
| XYZ D65 | color(xyz-d65 0.38576 0.47451 0.55843) |
| XYZ D50 | color(xyz-d50 0.38711 0.47187 0.42345) |
| SwiftUI | Color(red: 0.529, green: 0.761, blue: 0.745) |
| UIKit | UIColor(red: 0.529, green: 0.761, blue: 0.745, alpha: 1) |
| Flutter / Compose | Color(0xFF87C2BE) |
| Android XML | #87C2BE |

## ข้อมูล

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

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

#87c2be, #93c8c4, #a0cecb, #acd4d1, #b8dad8, #c4e0de, #d0e7e5, #dbedeb, #e7f3f2, #f3f9f8

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

#87c2be, #75a8a5, #638f8c, #517775, #41605e, #314948, #213433, #13201f, #060e0d, #010202

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

#87c2be, #8cc1bd, #91c0bc, #96bebb, #9bbdba, #a0bcb9, #a4bab9, #a8b9b8, #adb8b7, #b1b6b6

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

- คู่ตรงข้าม: #87c2be, #d9a5ac
- คู่ตรงข้ามแยก: #87c2be, #d1a6c1, #d8a998
- ข้างเคียง: #87c2be, #93c2a8, #89bfd1
- สามเส้า: #87c2be, #c1abd2, #ceaf8b
- สี่เหลี่ยมผืนผ้า: #87c2be, #98b9db, #d9a5ac, #ceaf8b
- สี่เหลี่ยมจัตุรัส: #87c2be, #adb1dc, #d9a5ac, #bdb78a
- โทนสีเดียว: #87c2be, #3e7875, #629c99, #ade9e5, #c6ffff

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

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

#87c2be เป็นโทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(135, 194, 190) ใน HSL คือ hsl(175.93, 32.6%, 64.51%) และใน OKLCH คือ oklch(77.256% 0.06111 190.645)

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

สีตรงข้ามของ #87c2be คือ #d9a5ac หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #93c2a8 และ #89bfd1 ส่วนสีสามเส้าคือ #c1abd2 และ #ceaf8b

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

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

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

#87c2be เป็นสีโทนเย็น ใน OKLCH มีฮิว 191 องศา ความสว่าง 77.3% และความสด 0.061
