# สี #676b86: โทนตุ่น สีคราม

#676b86 คือ rgb(103, 107, 134) ใน RGB และ oklch(53.446% 0.04253 278.261) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #676b86 |
| RGB | rgb(103, 107, 134) |
| HSL | hsl(232.26, 13.08%, 46.47%) |
| HSB / HSV | hsv(232.26 23.13% 52.55%) |
| HWB | hwb(232.26 40.39% 47.45%) |
| CMYK | cmyk(23% 20% 0% 47%) |
| Lab | lab(45.64 3.15 -15.54) |
| LCH | lch(45.64 15.85 281.46) |
| OKLab | oklab(53.446% 0.00611 -0.04209) |
| OKLCH | oklch(53.446% 0.04253 278.261) |
| Display P3 | color(display-p3 0.40676 0.4191 0.51691) |
| Rec. 2020 | color(rec2020 0.36007 0.36498 0.46663) |
| Adobe RGB | color(a98-rgb 0.40752 0.41823 0.51727) |
| ProPhoto RGB | color(prophoto-rgb 0.35349 0.34659 0.4376) |
| sRGB เชิงเส้น | color(srgb-linear 0.13563 0.14703 0.2384) |
| XYZ D65 | color(xyz-d65 0.15153 0.1512 0.24675) |
| XYZ D50 | color(xyz-d50 0.14988 0.15003 0.1864) |
| SwiftUI | Color(red: 0.404, green: 0.42, blue: 0.525) |
| UIKit | UIColor(red: 0.404, green: 0.42, blue: 0.525, alpha: 1) |
| Flutter / Compose | Color(0xFF676B86) |
| Android XML | #676B86 |

## ข้อมูล

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

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

#676b86, #757992, #83879d, #9295a9, #a1a4b5, #b0b2c1, #bfc1cd, #cfd0da, #dfe0e6, #efeff2

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

#676b86, #595c74, #4b4e62, #3d3f51, #303240, #232530, #171821, #0c0d13, #040406, #000001

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

#676b86, #686b84, #686b81, #696c7f, #696c7c, #6a6c7a, #6a6c77, #6b6c75, #6c6d72, #6c6d70

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

- คู่ตรงข้าม: #676b86, #736e51
- คู่ตรงข้ามแยก: #676b86, #7e6953, #667258
- ข้างเคียง: #676b86, #5a7085, #746780
- สามเส้า: #676b86, #84655b, #587564
- สี่เหลี่ยมผืนผ้า: #676b86, #7e6476, #736e51, #587564
- สี่เหลี่ยมจัตุรัส: #676b86, #846368, #736e51, #507572
- โทนสีเดียว: #676b86, #272a42, #464963, #8a8eab, #afb4d1

## คำถามเกี่ยวกับ #676b86

### #676b86 คือสีอะไร

#676b86 เป็นโทนตุ่น สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีคราม ใน RGB คือ rgb(103, 107, 134) ใน HSL คือ hsl(232.26, 13.08%, 46.47%) และใน OKLCH คือ oklch(53.446% 0.04253 278.261)

### สีอะไรเข้ากับ #676b86

สีตรงข้ามของ #676b86 คือ #736e51 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5a7085 และ #746780 ส่วนสีสามเส้าคือ #84655b และ #587564

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

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

### #676b86 เป็นสีโทนร้อนหรือโทนเย็น

#676b86 เป็นสีโทนเย็น ใน OKLCH มีฮิว 278 องศา ความสว่าง 53.4% และความสด 0.043