# สี #87b5eb: โทนสด เฉดอ่อนของสีน้ำเงิน

#87b5eb คือ rgb(135, 181, 235) ใน RGB และ oklch(76.069% 0.09238 252.938) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87b5eb |
| RGB | rgb(135, 181, 235) |
| HSL | hsl(212.4, 71.43%, 72.55%) |
| HSB / HSV | hsv(212.4 42.55% 92.16%) |
| HWB | hwb(212.4 52.94% 7.84%) |
| CMYK | cmyk(43% 23% 0% 8%) |
| Lab | lab(71.93 -5.34 -32.3) |
| LCH | lch(71.93 32.74 260.62) |
| OKLab | oklab(76.069% -0.02711 -0.08832) |
| OKLCH | oklch(76.069% 0.09238 252.938) |
| Display P3 | color(display-p3 0.56693 0.70475 0.90333) |
| Rec. 2020 | color(rec2020 0.57735 0.669 0.88862) |
| Adobe RGB | color(a98-rgb 0.58269 0.70395 0.91148) |
| ProPhoto RGB | color(prophoto-rgb 0.59904 0.64238 0.86949) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.46208 0.83077) |
| XYZ D65 | color(xyz-d65 0.41508 0.44196 0.84943) |
| XYZ D50 | color(xyz-d50 0.40249 0.43552 0.64148) |
| SwiftUI | Color(red: 0.529, green: 0.71, blue: 0.922) |
| UIKit | UIColor(red: 0.529, green: 0.71, blue: 0.922, alpha: 1) |
| Flutter / Compose | Color(0xFF87B5EB) |
| Android XML | #87B5EB |

## ข้อมูล

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

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

#87b5eb, #93bced, #9fc4f0, #abcbf2, #b7d3f4, #c3daf6, #cfe2f8, #dbe9fa, #e7f0fc, #f3f8fd

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

#87b5eb, #759dcc, #6386ae, #516f91, #415975, #31445b, #213041, #131d29, #060c13, #010203

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

#87b5eb, #8cb5e5, #90b5e0, #95b4da, #99b4d4, #9db4cf, #a1b3c9, #a5b3c3, #a9b2bd, #adb2b7

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

- คู่ตรงข้าม: #87b5eb, #d5a86e
- คู่ตรงข้ามแยก: #87b5eb, #e49e82, #bcb46d
- ข้างเคียง: #87b5eb, #6abedc, #a9aaeb
- สามเส้า: #87b5eb, #e699a1, #9abe81
- สี่เหลี่ยมผืนผ้า: #87b5eb, #c6a0dc, #d5a86e, #9abe81
- สี่เหลี่ยมจัตุรัส: #87b5eb, #db9ac1, #d5a86e, #78c4a0
- โทนสีเดียว: #87b5eb, #406b9d, #638fc3, #b2dcff, #e5f7ff

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

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

#87b5eb เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(135, 181, 235) ใน HSL คือ hsl(212.4, 71.43%, 72.55%) และใน OKLCH คือ oklch(76.069% 0.09238 252.938)

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

สีตรงข้ามของ #87b5eb คือ #d5a86e หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6abedc และ #a9aaeb ส่วนสีสามเส้าคือ #e699a1 และ #9abe81

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

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

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

#87b5eb เป็นสีโทนเย็น ใน OKLCH มีฮิว 253 องศา ความสว่าง 76.1% และความสด 0.092