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

#87b4e3 คือ rgb(135, 180, 227) ใน RGB และ oklch(75.517% 0.08345 250.057) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87b4e3 |
| RGB | rgb(135, 180, 227) |
| HSL | hsl(210.65, 62.16%, 70.98%) |
| HSB / HSV | hsv(210.65 40.53% 89.02%) |
| HWB | hwb(210.65 52.94% 10.98%) |
| CMYK | cmyk(41% 21% 0% 11%) |
| Lab | lab(71.4 -6.52 -28.79) |
| LCH | lch(71.4 29.52 257.23) |
| OKLab | oklab(75.517% -0.02846 -0.07844) |
| OKLCH | oklch(75.517% 0.08345 250.057) |
| Display P3 | color(display-p3 0.566 0.70092 0.87382) |
| Rec. 2020 | color(rec2020 0.57324 0.66444 0.85607) |
| Adobe RGB | color(a98-rgb 0.58129 0.70001 0.88021) |
| ProPhoto RGB | color(prophoto-rgb 0.59005 0.63705 0.83485) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.45641 0.76815) |
| XYZ D65 | color(xyz-d65 0.40176 0.43338 0.78924) |
| XYZ D50 | color(xyz-d50 0.39134 0.42767 0.59622) |
| SwiftUI | Color(red: 0.529, green: 0.706, blue: 0.89) |
| UIKit | UIColor(red: 0.529, green: 0.706, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF87B4E3) |
| Android XML | #87B4E3 |

## ข้อมูล

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

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

#87b4e3, #93bce6, #9fc3e9, #abcbec, #b7d2ef, #c3d9f2, #cfe1f5, #dbe8f7, #e7f0fa, #f3f7fd

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

#87b4e3, #759cc5, #6385a8, #516e8c, #415871, #314457, #21303f, #131d27, #060c12, #010203

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

#87b4e3, #8bb4de, #90b3d9, #94b3d4, #98b3cf, #9cb2ca, #a0b2c4, #a4b1bf, #a8b1ba, #acb0b5

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

- คู่ตรงข้าม: #87b4e3, #d2a775
- คู่ตรงข้ามแยก: #87b4e3, #de9e87, #bcb172
- ข้างเคียง: #87b4e3, #6fbcd4, #a5aae4
- สามเส้า: #87b4e3, #df9aa3, #9ebb82
- สี่เหลี่ยมผืนผ้า: #87b4e3, #c0a1d8, #d2a775, #9ebb82
- สี่เหลี่ยมจัตุรัส: #87b4e3, #d49bc0, #d2a775, #80c09d
- โทนสีเดียว: #87b4e3, #406b96, #638fbc, #acdbff, #e3f8ff

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

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

#87b4e3 เป็นโทนละมุน เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(135, 180, 227) ใน HSL คือ hsl(210.65, 62.16%, 70.98%) และใน OKLCH คือ oklch(75.517% 0.08345 250.057)

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

สีตรงข้ามของ #87b4e3 คือ #d2a775 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #6fbcd4 และ #a5aae4 ส่วนสีสามเส้าคือ #df9aa3 และ #9ebb82

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

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

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

#87b4e3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 250 องศา ความสว่าง 75.5% และความสด 0.083