# สี #87bcbf: โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87bcbf |
| RGB | rgb(135, 188, 191) |
| HSL | hsl(183.21, 30.43%, 63.92%) |
| HSB / HSV | hsv(183.21 29.32% 74.9%) |
| HWB | hwb(183.21 52.94% 25.1%) |
| CMYK | cmyk(29% 2% 0% 25%) |
| Lab | lab(72.63 -17.42 -7.42) |
| LCH | lch(72.63 18.93 203.07) |
| OKLab | oklab(75.936% -0.05196 -0.01939) |
| OKLCH | oklch(75.936% 0.05546 200.468) |
| Display P3 | color(display-p3 0.57356 0.73155 0.7451) |
| Rec. 2020 | color(rec2020 0.57737 0.69454 0.71609) |
| Adobe RGB | color(a98-rgb 0.59269 0.73157 0.74295) |
| ProPhoto RGB | color(prophoto-rgb 0.57342 0.66341 0.69103) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.50289 0.521) |
| XYZ D65 | color(xyz-d65 0.37377 0.44878 0.55985) |
| XYZ D50 | color(xyz-d50 0.37388 0.446 0.42424) |
| SwiftUI | Color(red: 0.529, green: 0.737, blue: 0.749) |
| UIKit | UIColor(red: 0.529, green: 0.737, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF87BCBF) |
| Android XML | #87BCBF |

## ข้อมูล

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

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

#87bcbf, #93c3c5, #9fc9cc, #abd0d2, #b7d7d8, #c3dddf, #cfe4e5, #dbebeb, #e7f1f2, #f3f8f8

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

#87bcbf, #75a3a6, #638b8d, #517375, #415d5e, #314748, #213233, #131f1f, #060d0d, #010202

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

#87bcbf, #8cbbbe, #90babc, #95b9bb, #99b8b9, #9db7b8, #a1b5b6, #a5b4b5, #a9b3b4, #adb2b2

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

- คู่ตรงข้าม: #87bcbf, #d2a3a2
- คู่ตรงข้ามแยก: #87bcbf, #cda3b5, #cfa792
- ข้างเคียง: #87bcbf, #8ebdac, #8db8ce
- สามเส้า: #87bcbf, #c1a6c7, #c3ae89
- สี่เหลี่ยมผืนผ้า: #87bcbf, #9db2d5, #d2a3a2, #c3ae89
- สี่เหลี่ยมจัตุรัส: #87bcbf, #b0abd2, #d2a3a2, #b2b58c
- โทนสีเดียว: #87bcbf, #3f7376, #639699, #ade3e6, #caffff

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

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

#87bcbf เป็นโทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(135, 188, 191) ใน HSL คือ hsl(183.21, 30.43%, 63.92%) และใน OKLCH คือ oklch(75.936% 0.05546 200.468)

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

สีตรงข้ามของ #87bcbf คือ #d2a3a2 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #8ebdac และ #8db8ce ส่วนสีสามเส้าคือ #c1a6c7 และ #c3ae89

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

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

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

#87bcbf เป็นสีโทนเย็น ใน OKLCH มีฮิว 200 องศา ความสว่าง 75.9% และความสด 0.055