# สี #87b7e2: โทนละมุน เฉดอ่อนของสีฟ้า

#87b7e2 คือ rgb(135, 183, 226) ใน RGB และ oklch(76.121% 0.08036 246.135) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #87b7e2 |
| RGB | rgb(135, 183, 226) |
| HSL | hsl(208.35, 61.07%, 70.78%) |
| HSB / HSV | hsv(208.35 40.27% 88.63%) |
| HWB | hwb(208.35 52.94% 11.37%) |
| CMYK | cmyk(40% 19% 0% 11%) |
| Lab | lab(72.19 -8.23 -27.03) |
| LCH | lch(72.19 28.26 253.06) |
| OKLab | oklab(76.121% -0.03251 -0.07349) |
| OKLCH | oklch(76.121% 0.08036 246.135) |
| Display P3 | color(display-p3 0.5688 0.7124 0.87082) |
| Rec. 2020 | color(rec2020 0.57801 0.67642 0.85294) |
| Adobe RGB | color(a98-rgb 0.58552 0.71183 0.8767) |
| ProPhoto RGB | color(prophoto-rgb 0.59392 0.64871 0.8319) |
| sRGB เชิงเส้น | color(srgb-linear 0.24228 0.47353 0.76052) |
| XYZ D65 | color(xyz-d65 0.4065 0.44508 0.78403) |
| XYZ D50 | color(xyz-d50 0.39685 0.43948 0.59243) |
| SwiftUI | Color(red: 0.529, green: 0.718, blue: 0.886) |
| UIKit | UIColor(red: 0.529, green: 0.718, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF87B7E2) |
| Android XML | #87B7E2 |

## ข้อมูล

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

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

#87b7e2, #93bee5, #9fc5e8, #abcdeb, #b7d4ee, #c3dbf1, #cfe2f4, #dbe9f7, #e7f1fa, #f3f8fc

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

#87b7e2, #759fc4, #6387a8, #51708c, #415a71, #314557, #21313e, #131e27, #060c12, #010203

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

#87b7e2, #8cb7dd, #90b6d8, #95b6d4, #99b5cf, #9db5ca, #a1b4c5, #a6b3c0, #a9b3bb, #adb2b6

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

- คู่ตรงข้าม: #87b7e2, #d5a87a
- คู่ตรงข้ามแยก: #87b7e2, #dfa08e, #c0b276
- ข้างเคียง: #87b7e2, #73bfd2, #a3aee5
- สามเส้า: #87b7e2, #de9ca9, #a5bb83
- สี่เหลี่ยมผืนผ้า: #87b7e2, #bea5da, #d5a87a, #a5bb83
- สี่เหลี่ยมจัตุรัส: #87b7e2, #d39ec5, #d5a87a, #87c19c
- โทนสีเดียว: #87b7e2, #406e95, #6392bb, #addeff, #e2f8ff

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

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

#87b7e2 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(135, 183, 226) ใน HSL คือ hsl(208.35, 61.07%, 70.78%) และใน OKLCH คือ oklch(76.121% 0.08036 246.135)

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

สีตรงข้ามของ #87b7e2 คือ #d5a87a หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #73bfd2 และ #a3aee5 ส่วนสีสามเส้าคือ #de9ca9 และ #a5bb83

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

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

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

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