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

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87d4ea |
| RGB | rgb(135, 212, 234) |
| HSL | hsl(193.33, 70.21%, 72.35%) |
| HSB / HSV | hsv(193.33 42.31% 91.76%) |
| HWB | hwb(193.33 52.94% 8.24%) |
| CMYK | cmyk(42% 9% 0% 8%) |
| Lab | lab(80.5 -20.54 -18.79) |
| LCH | lch(80.5 27.84 222.45) |
| OKLab | oklab(82.767% -0.0646 -0.05032) |
| OKLCH | oklch(82.767% 0.08188 217.914) |
| Display P3 | color(display-p3 0.59795 0.82358 0.90682) |
| Rec. 2020 | color(rec2020 0.63218 0.79459 0.8943) |
| Adobe RGB | color(a98-rgb 0.62906 0.82691 0.91169) |
| ProPhoto RGB | color(prophoto-rgb 0.65058 0.76819 0.8795) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.65837 0.82279) |
| XYZ D65 | color(xyz-d65 0.48384 0.58177 0.86524) |
| XYZ D50 | color(xyz-d50 0.47695 0.57576 0.65484) |
| SwiftUI | Color(red: 0.529, green: 0.831, blue: 0.918) |
| UIKit | UIColor(red: 0.529, green: 0.831, blue: 0.918, alpha: 1) |
| Flutter / Compose | Color(0xFF87D4EA) |
| Android XML | #87D4EA |

## ข้อมูล

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

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

#87d4ea, #94d8ec, #a1ddee, #ade1f1, #b9e6f3, #c5eaf5, #d1eef7, #ddf2f9, #e8f7fb, #f4fbfd

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

#87d4ea, #75b8cb, #639dae, #518391, #416975, #31515a, #213a41, #132429, #061013, #010203

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

#87d4ea, #8fd3e7, #96d2e3, #9dd0df, #a3cfdc, #aaced8, #b0ccd5, #b6cbd1, #bbc9ce, #c1c8ca

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

- คู่ตรงข้าม: #87d4ea, #f6b5a0
- คู่ตรงข้ามแยก: #87d4ea, #f6b1bc, #ebbd8d
- ข้างเคียง: #87d4ea, #85d8d0, #9cccfa
- สามเส้า: #87d4ea, #eab2d9, #d4c88a
- สี่เหลี่ยมผืนผ้า: #87d4ea, #b9c2fc, #f6b5a0, #d4c88a
- สี่เหลี่ยมจัตุรัส: #87d4ea, #d5b9f0, #f6b5a0, #b7d198
- โทนสีเดียว: #87d4ea, #3a889d, #61adc3, #b8faff, #ceffff

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

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

#87d4ea เป็นโทนพาสเทล เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนพาสเทล เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(135, 212, 234) ใน HSL คือ hsl(193.33, 70.21%, 72.35%) และใน OKLCH คือ oklch(82.767% 0.08188 217.914)

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

สีตรงข้ามของ #87d4ea คือ #f6b5a0 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #85d8d0 และ #9cccfa ส่วนสีสามเส้าคือ #eab2d9 และ #d4c88a

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

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

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

#87d4ea เป็นสีโทนเย็น ใน OKLCH มีฮิว 218 องศา ความสว่าง 82.8% และความสด 0.082