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

#87d4e6 คือ rgb(135, 212, 230) ใน RGB และ oklch(82.625% 0.07994 214.185) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87d4e6 |
| RGB | rgb(135, 212, 230) |
| HSL | hsl(191.37, 65.52%, 71.57%) |
| HSB / HSV | hsv(191.37 41.3% 90.2%) |
| HWB | hwb(191.37 52.94% 9.8%) |
| CMYK | cmyk(41% 8% 0% 10%) |
| Lab | lab(80.4 -21.33 -16.83) |
| LCH | lch(80.4 27.17 218.27) |
| OKLab | oklab(82.625% -0.06613 -0.04491) |
| OKLCH | oklch(82.625% 0.07994 214.185) |
| Display P3 | color(display-p3 0.59795 0.82358 0.89232) |
| Rec. 2020 | color(rec2020 0.63106 0.79436 0.87836) |
| Adobe RGB | color(a98-rgb 0.62906 0.82691 0.8962) |
| ProPhoto RGB | color(prophoto-rgb 0.64711 0.76758 0.86259) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.65837 0.7913) |
| XYZ D65 | color(xyz-d65 0.47815 0.57949 0.83531) |
| XYZ D50 | color(xyz-d50 0.47244 0.57385 0.63235) |
| SwiftUI | Color(red: 0.529, green: 0.831, blue: 0.902) |
| UIKit | UIColor(red: 0.529, green: 0.831, blue: 0.902, alpha: 1) |
| Flutter / Compose | Color(0xFF87D4E6) |
| Android XML | #87D4E6 |

## ข้อมูล

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

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

#87d4e6, #94d8e9, #a1ddeb, #ade1ee, #b9e5f0, #c5eaf3, #d1eef5, #ddf2f8, #e8f7fa, #f4fbfd

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

#87d4e6, #75b8c8, #639dab, #51838e, #416973, #315159, #213a40, #132428, #061013, #010203

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

#87d4e6, #8fd3e3, #96d1e0, #9dd0dd, #a3cfd9, #aacdd6, #b0ccd3, #b5cad0, #bbc9cc, #c1c7c9

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

- คู่ตรงข้าม: #87d4e6, #f5b4a4
- คู่ตรงข้ามแยก: #87d4e6, #f4b1c0, #ebbc90
- ข้างเคียง: #87d4e6, #88d8cc, #9accf7
- สามเส้า: #87d4e6, #e7b3dc, #d7c68a
- สี่เหลี่ยมผืนผ้า: #87d4e6, #b6c3fb, #f5b4a4, #d7c68a
- สี่เหลี่ยมจัตุรัส: #87d4e6, #d1baf1, #f5b4a4, #bbd096
- โทนสีเดียว: #87d4e6, #3a8899, #61adbf, #b0fbff, #c8ffff

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

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

#87d4e6 เป็นโทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้าอมเขียว ใน RGB คือ rgb(135, 212, 230) ใน HSL คือ hsl(191.37, 65.52%, 71.57%) และใน OKLCH คือ oklch(82.625% 0.07994 214.185)

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

สีตรงข้ามของ #87d4e6 คือ #f5b4a4 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #88d8cc และ #9accf7 ส่วนสีสามเส้าคือ #e7b3dc และ #d7c68a

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

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

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

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