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

#87bcb4 คือ rgb(135, 188, 180) ใน RGB และ oklch(75.588% 0.05669 184.474) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87bcb4 |
| RGB | rgb(135, 188, 180) |
| HSL | hsl(170.94, 28.34%, 63.33%) |
| HSB / HSV | hsv(170.94 28.19% 73.73%) |
| HWB | hwb(170.94 52.94% 26.27%) |
| CMYK | cmyk(28% 0% 4% 26%) |
| Lab | lab(72.37 -19.33 -1.84) |
| LCH | lch(72.37 19.42 185.43) |
| OKLab | oklab(75.588% -0.05651 -0.00442) |
| OKLCH | oklch(75.588% 0.05669 184.474) |
| Display P3 | color(display-p3 0.57356 0.73155 0.70568) |
| Rec. 2020 | color(rec2020 0.57486 0.694 0.67351) |
| Adobe RGB | color(a98-rgb 0.59269 0.73157 0.70135) |
| ProPhoto RGB | color(prophoto-rgb 0.56551 0.66201 0.64823) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.50289 0.45641) |
| XYZ D65 | color(xyz-d65 0.36211 0.44412 0.49846) |
| XYZ D50 | color(xyz-d50 0.36464 0.44209 0.37812) |
| SwiftUI | Color(red: 0.529, green: 0.737, blue: 0.706) |
| UIKit | UIColor(red: 0.529, green: 0.737, blue: 0.706, alpha: 1) |
| Flutter / Compose | Color(0xFF87BCB4) |
| Android XML | #87BCB4 |

## ข้อมูล

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

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

#87bcb4, #93c3bb, #9fc9c3, #abd0ca, #b7d7d1, #c3ddd9, #cfe4e0, #dbebe8, #e7f1f0, #f3f8f7

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

#87bcb4, #75a39c, #638b85, #51736e, #415d58, #314744, #213230, #131f1d, #060d0c, #010202

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

#87bcb4, #8cbbb4, #90bab3, #94b8b3, #99b7b2, #9db6b2, #a1b5b1, #a5b3b1, #a8b2b0, #acb1b0

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

- คู่ตรงข้าม: #87bcb4, #d0a1ab
- คู่ตรงข้ามแยก: #87bcb4, #c7a3bf, #d1a498
- ข้างเคียง: #87bcb4, #94bba0, #86bac6
- สามเส้า: #87bcb4, #b8a7cd, #caa98b
- สี่เหลี่ยมผืนผ้า: #87bcb4, #92b4d2, #d0a1ab, #caa98b
- สี่เหลี่ยมจัตุรัส: #87bcb4, #a4aed4, #d0a1ab, #bbb087
- โทนสีเดียว: #87bcb4, #3f736c, #63968f, #ade3db, #cbfffa

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

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

#87bcb4 เป็นโทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีเขียวหัวเป็ด ใน RGB คือ rgb(135, 188, 180) ใน HSL คือ hsl(170.94, 28.34%, 63.33%) และใน OKLCH คือ oklch(75.588% 0.05669 184.474)

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

สีตรงข้ามของ #87bcb4 คือ #d0a1ab หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #94bba0 และ #86bac6 ส่วนสีสามเส้าคือ #b8a7cd และ #caa98b

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

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

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

#87bcb4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 184 องศา ความสว่าง 75.6% และความสด 0.057