# สี #87d1e2: โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว

#87d1e2 คือ rgb(135, 209, 226) ใน RGB และ oklch(81.818% 0.07718 213.838) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87d1e2 |
| RGB | rgb(135, 209, 226) |
| HSL | hsl(191.21, 61.07%, 70.78%) |
| HSB / HSV | hsv(191.21 40.27% 88.63%) |
| HWB | hwb(191.21 52.94% 11.37%) |
| CMYK | cmyk(40% 8% 0% 11%) |
| Lab | lab(79.45 -20.73 -16.12) |
| LCH | lch(79.45 26.25 217.87) |
| OKLab | oklab(81.818% -0.06411 -0.04298) |
| OKLCH | oklch(81.818% 0.07718 213.838) |
| Display P3 | color(display-p3 0.59476 0.81206 0.87706) |
| Rec. 2020 | color(rec2020 0.62436 0.78185 0.86141) |
| Adobe RGB | color(a98-rgb 0.62435 0.81494 0.88028) |
| ProPhoto RGB | color(prophoto-rgb 0.63825 0.75444 0.84426) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.6376 0.76052) |
| XYZ D65 | color(xyz-d65 0.46517 0.56241 0.80358) |
| XYZ D50 | color(xyz-d50 0.46004 0.55709 0.60836) |
| SwiftUI | Color(red: 0.529, green: 0.82, blue: 0.886) |
| UIKit | UIColor(red: 0.529, green: 0.82, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF87D1E2) |
| Android XML | #87D1E2 |

## ข้อมูล

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

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

#87d1e2, #94d6e5, #a1dae8, #addfeb, #b9e4ee, #c5e8f1, #d1edf4, #dcf1f6, #e8f6f9, #f4fafc

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

#87d1e2, #75b5c4, #639ba8, #51818c, #416871, #315057, #21393e, #132327, #061012, #010203

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

#87d1e2, #8ed0df, #95cfdc, #9ccdd9, #a2ccd6, #a8cbd3, #aec9d0, #b3c8cd, #b9c6ca, #bec5c6

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

- คู่ตรงข้าม: #87d1e2, #f1b2a3
- คู่ตรงข้ามแยก: #87d1e2, #efafbe, #e8b98f
- ข้างเคียง: #87d1e2, #89d4c9, #99caf2
- สามเส้า: #87d1e2, #e3b1d8, #d4c38a
- สี่เหลี่ยมผืนผ้า: #87d1e2, #b3c1f6, #f1b2a3, #d4c38a
- สี่เหลี่ยมจัตุรัส: #87d1e2, #ceb8ed, #f1b2a3, #b9cd95
- โทนสีเดียว: #87d1e2, #3b8696, #61abbb, #aef9ff, #c7ffff

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

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

#87d1e2 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(135, 209, 226) ใน HSL คือ hsl(191.21, 61.07%, 70.78%) และใน OKLCH คือ oklch(81.818% 0.07718 213.838)

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

สีตรงข้ามของ #87d1e2 คือ #f1b2a3 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #89d4c9 และ #99caf2 ส่วนสีสามเส้าคือ #e3b1d8 และ #d4c38a

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

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

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

#87d1e2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 214 องศา ความสว่าง 81.8% และความสด 0.077