# สี #8686a4: โทนตุ่น สีคราม

#8686a4 คือ rgb(134, 134, 164) ใน RGB และ oklch(63.066% 0.04478 285.044) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #8686a4 |
| RGB | rgb(134, 134, 164) |
| HSL | hsl(240, 14.15%, 58.43%) |
| HSB / HSV | hsv(240 18.29% 64.31%) |
| HWB | hwb(240 52.55% 35.69%) |
| CMYK | cmyk(18% 18% 0% 36%) |
| Lab | lab(56.73 4.87 -16) |
| LCH | lch(56.73 16.73 286.92) |
| OKLab | oklab(63.066% 0.01162 -0.04325) |
| OKLCH | oklch(63.066% 0.04478 285.044) |
| Display P3 | color(display-p3 0.52549 0.52549 0.63373) |
| Rec. 2020 | color(rec2020 0.48356 0.47898 0.59256) |
| Adobe RGB | color(a98-rgb 0.52102 0.52102 0.63298) |
| ProPhoto RGB | color(prophoto-rgb 0.47017 0.45479 0.56107) |
| sRGB เชิงเส้น | color(srgb-linear 0.2384 0.2384 0.37124) |
| XYZ D65 | color(xyz-d65 0.25056 0.24799 0.3859) |
| XYZ D50 | color(xyz-d50 0.24889 0.24645 0.29156) |
| SwiftUI | Color(red: 0.525, green: 0.525, blue: 0.643) |
| UIKit | UIColor(red: 0.525, green: 0.525, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF8686A4) |
| Android XML | #8686A4 |

## ข้อมูล

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

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

#8686a4, #9192ad, #9d9db6, #a9a9bf, #b5b5c8, #c1c1d1, #cdcdda, #d9d9e3, #e6e6ec, #f2f2f6

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

#8686a4, #74748e, #626279, #515164, #404050, #30303d, #21212b, #13131a, #06060a, #010101

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

#8686a4, #8686a1, #87879f, #87879c, #878799, #878897, #888894, #888891, #88898f, #89898c

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

- คู่ตรงข้าม: #8686a4, #8d8b6c
- คู่ตรงข้ามแยก: #8686a4, #9a866b, #7e9075
- ข้างเคียง: #8686a4, #778ba5, #94829c
- สามเส้า: #8686a4, #a18173, #709283
- สี่เหลี่ยมผืนผ้า: #8686a4, #9e7f90, #8d8b6c, #709283
- สี่เหลี่ยมจัตุรัส: #8686a4, #a37f81, #8d8b6c, #699292
- โทนสีเดียว: #8686a4, #42425d, #63637f, #ababca, #d1d1f2

## คำถามเกี่ยวกับ #8686a4

### #8686a4 คือสีอะไร

#8686a4 เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(134, 134, 164) ใน HSL คือ hsl(240, 14.15%, 58.43%) และใน OKLCH คือ oklch(63.066% 0.04478 285.044)

### สีอะไรเข้ากับ #8686a4

สีตรงข้ามของ #8686a4 คือ #8d8b6c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #778ba5 และ #94829c ส่วนสีสามเส้าคือ #a18173 และ #709283

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

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

### #8686a4 เป็นสีโทนร้อนหรือโทนเย็น

#8686a4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 285 องศา ความสว่าง 63.1% และความสด 0.045