# สี #686b98: โทนตุ่น สีคราม

#686b98 คือ rgb(104, 107, 152) ใน RGB และ oklch(54.34% 0.07013 280.841) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #686b98 |
| RGB | rgb(104, 107, 152) |
| HSL | hsl(236.25, 18.9%, 50.2%) |
| HSB / HSV | hsv(236.25 31.58% 59.61%) |
| HWB | hwb(236.25 40.78% 40.39%) |
| CMYK | cmyk(32% 30% 0% 40%) |
| Lab | lab(46.34 7.12 -25.1) |
| LCH | lch(46.34 26.1 285.84) |
| OKLab | oklab(54.34% 0.01319 -0.06888) |
| OKLCH | oklch(54.34% 0.07013 280.841) |
| Display P3 | color(display-p3 0.40996 0.41922 0.58286) |
| Rec. 2020 | color(rec2020 0.36723 0.36647 0.53672) |
| Adobe RGB | color(a98-rgb 0.41018 0.41823 0.58462) |
| ProPhoto RGB | color(prophoto-rgb 0.36868 0.3497 0.50406) |
| sRGB เชิงเส้น | color(srgb-linear 0.13843 0.14703 0.31399) |
| XYZ D65 | color(xyz-d65 0.16633 0.15725 0.31866) |
| XYZ D50 | color(xyz-d50 0.16192 0.15524 0.24042) |
| SwiftUI | Color(red: 0.408, green: 0.42, blue: 0.596) |
| UIKit | UIColor(red: 0.408, green: 0.42, blue: 0.596, alpha: 1) |
| Flutter / Compose | Color(0xFF686B98) |
| Android XML | #686B98 |

## ข้อมูล

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

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

#686b98, #7679a2, #8487ad, #9295b7, #a1a4c1, #b0b3cb, #bfc2d6, #cfd1e0, #dfe0ea, #efeff5

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

#686b98, #595c84, #4b4e70, #3e3f5c, #30324a, #242538, #181827, #0c0d17, #040408, #000001

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

#686b98, #696c94, #696c90, #6a6d8c, #6b6d88, #6c6e84, #6c6e80, #6d6e7c, #6e6f78, #6f6f74

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

- คู่ตรงข้าม: #686b98, #78713f
- คู่ตรงข้ามแยก: #686b98, #8a6941, #61784c
- ข้างเคียง: #686b98, #507397, #7d648e
- สามเส้า: #686b98, #936250, #487c62
- สี่เหลี่ยมผืนผ้า: #686b98, #8c5f7c, #78713f, #487c62
- สี่เหลี่ยมจัตุรัส: #686b98, #945e66, #78713f, #377d79
- โทนสีเดียว: #686b98, #292951, #474974, #8b8fbe, #b0b4e5

## คำถามเกี่ยวกับ #686b98

### #686b98 คือสีอะไร

#686b98 เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(104, 107, 152) ใน HSL คือ hsl(236.25, 18.9%, 50.2%) และใน OKLCH คือ oklch(54.34% 0.07013 280.841)

### สีอะไรเข้ากับ #686b98

สีตรงข้ามของ #686b98 คือ #78713f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #507397 และ #7d648e ส่วนสีสามเส้าคือ #936250 และ #487c62

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

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

### #686b98 เป็นสีโทนร้อนหรือโทนเย็น

#686b98 เป็นสีโทนเย็น ใน OKLCH มีฮิว 281 องศา ความสว่าง 54.3% และความสด 0.07