# สี #87aae4: โทนละมุน เฉดอ่อนของสีน้ำเงิน

#87aae4 คือ rgb(135, 170, 228) ใน RGB และ oklch(73.434% 0.09309 260.295) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87aae4 |
| RGB | rgb(135, 170, 228) |
| HSL | hsl(217.42, 63.27%, 71.18%) |
| HSB / HSV | hsv(217.42 40.79% 89.41%) |
| HWB | hwb(217.42 52.94% 10.59%) |
| CMYK | cmyk(41% 25% 0% 11%) |
| Lab | lab(68.69 -1.22 -33.48) |
| LCH | lch(68.69 33.5 267.92) |
| OKLab | oklab(73.434% -0.01569 -0.09176) |
| OKLCH | oklch(73.434% 0.09309 260.295) |
| Display P3 | color(display-p3 0.55699 0.66269 0.87542) |
| Rec. 2020 | color(rec2020 0.55714 0.6246 0.85729) |
| Adobe RGB | color(a98-rgb 0.56758 0.66074 0.88291) |
| ProPhoto RGB | color(prophoto-rgb 0.57559 0.59839 0.835) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.40198 0.77582) |
| XYZ D65 | color(xyz-d65 0.38368 0.39501 0.79004) |
| XYZ D50 | color(xyz-d50 0.37148 0.38911 0.59641) |
| SwiftUI | Color(red: 0.529, green: 0.667, blue: 0.894) |
| UIKit | UIColor(red: 0.529, green: 0.667, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF87AAE4) |
| Android XML | #87AAE4 |

## ข้อมูล

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

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

#87aae4, #93b3e7, #9ebbea, #aac3ed, #b6ccf0, #c2d4f3, #ceddf5, #dae5f8, #e6eefa, #f3f6fd

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

#87aae4, #7593c6, #637da9, #51688d, #415372, #313f58, #212d3f, #131b28, #060b12, #010103

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

#87aae4, #8baade, #8eaad9, #92aad3, #95aacd, #98aac7, #9caac1, #9faabb, #a2a9b5, #a6a9af

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

- คู่ตรงข้าม: #87aae4, #c8a363
- คู่ตรงข้ามแยก: #87aae4, #d99873, #acaf68
- ข้างเคียง: #87aae4, #67b4d9, #a89fe0
- สามเส้า: #87aae4, #de9190, #89b880
- สี่เหลี่ยมผืนผ้า: #87aae4, #c496ce, #c8a363, #89b880
- สี่เหลี่ยมจัตุรัส: #87aae4, #d691b1, #c8a363, #67bca0
- โทนสีเดียว: #87aae4, #426196, #6485bd, #acd1ff, #e8f6ff

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

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

#87aae4 เป็นโทนละมุน เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(135, 170, 228) ใน HSL คือ hsl(217.42, 63.27%, 71.18%) และใน OKLCH คือ oklch(73.434% 0.09309 260.295)

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

สีตรงข้ามของ #87aae4 คือ #c8a363 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #67b4d9 และ #a89fe0 ส่วนสีสามเส้าคือ #de9190 และ #89b880

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

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

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

#87aae4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 260 องศา ความสว่าง 73.4% และความสด 0.093