# สี #86a7cb: โทนตุ่น เฉดอ่อนของสีน้ำเงิน

#86a7cb คือ rgb(134, 167, 203) ใน RGB และ oklch(71.677% 0.06414 250.932) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #86a7cb |
| RGB | rgb(134, 167, 203) |
| HSL | hsl(211.3, 39.88%, 66.08%) |
| HSB / HSV | hsv(211.3 33.99% 79.61%) |
| HWB | hwb(211.3 52.55% 20.39%) |
| CMYK | cmyk(34% 18% 0% 20%) |
| Lab | lab(67 -5.12 -22.37) |
| LCH | lch(67 22.95 257.11) |
| OKLab | oklab(71.677% -0.02096 -0.06062) |
| OKLCH | oklch(71.677% 0.06414 250.932) |
| Display P3 | color(display-p3 0.55134 0.65113 0.78324) |
| Rec. 2020 | color(rec2020 0.54274 0.61076 0.75618) |
| Adobe RGB | color(a98-rgb 0.56107 0.64899 0.7858) |
| ProPhoto RGB | color(prophoto-rgb 0.54711 0.5823 0.72916) |
| sRGB เชิงเส้น | color(srgb-linear 0.2384 0.38643 0.5972) |
| XYZ D65 | color(xyz-d65 0.34428 0.37017 0.61833) |
| XYZ D50 | color(xyz-d50 0.33824 0.36627 0.4673) |
| SwiftUI | Color(red: 0.525, green: 0.655, blue: 0.796) |
| UIKit | UIColor(red: 0.525, green: 0.655, blue: 0.796, alpha: 1) |
| Flutter / Compose | Color(0xFF86A7CB) |
| Android XML | #86A7CB |

## ข้อมูล

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

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

#86a7cb, #92b0d0, #9eb8d6, #a9c1db, #b5cae0, #c2d3e5, #cedbeb, #dae4f0, #e6edf5, #f3f6fa

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

#86a7cb, #7491b0, #627b96, #51667d, #405265, #303e4d, #212c37, #131a22, #060a0f, #010102

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

#86a7cb, #89a7c7, #8ca6c3, #8fa6bf, #92a6bb, #95a6b8, #98a5b4, #9ba5b0, #9ea4ac, #a1a4a7

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

- คู่ตรงข้าม: #86a7cb, #be9d78
- คู่ตรงข้ามแยก: #86a7cb, #c79785, #aca576
- ข้างเคียง: #86a7cb, #76adc0, #9c9fcc
- สามเส้า: #86a7cb, #c8939a, #96ac82
- สี่เหลี่ยมผืนผ้า: #86a7cb, #b199c2, #be9d78, #96ac82
- สี่เหลี่ยมจัตุรัส: #86a7cb, #c094b0, #be9d78, #80b097
- โทนสีเดียว: #86a7cb, #415f80, #6382a5, #abcdf3, #dcf4ff

## คำถามเกี่ยวกับ #86a7cb

### #86a7cb คือสีอะไร

#86a7cb เป็นโทนตุ่น เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(134, 167, 203) ใน HSL คือ hsl(211.3, 39.88%, 66.08%) และใน OKLCH คือ oklch(71.677% 0.06414 250.932)

### สีอะไรเข้ากับ #86a7cb

สีตรงข้ามของ #86a7cb คือ #be9d78 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #76adc0 และ #9c9fcc ส่วนสีสามเส้าคือ #c8939a และ #96ac82

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

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

### #86a7cb เป็นสีโทนร้อนหรือโทนเย็น

#86a7cb เป็นสีโทนเย็น ใน OKLCH มีฮิว 251 องศา ความสว่าง 71.7% และความสด 0.064