# สี #676cb3: โทนละมุน สีคราม

#676cb3 คือ rgb(103, 108, 179) ใน RGB และ oklch(55.876% 0.10943 279.164) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #676cb3 |
| RGB | rgb(103, 108, 179) |
| HSL | hsl(236.05, 33.33%, 55.29%) |
| HSB / HSV | hsv(236.05 42.46% 70.2%) |
| HWB | hwb(236.05 40.39% 29.8%) |
| CMYK | cmyk(42% 40% 0% 30%) |
| Lab | lab(47.62 12.25 -38.89) |
| LCH | lch(47.62 40.77 287.48) |
| OKLab | oklab(55.876% 0.01743 -0.10804) |
| OKLCH | oklch(55.876% 0.10943 279.164) |
| Display P3 | color(display-p3 0.40749 0.4229 0.68261) |
| Rec. 2020 | color(rec2020 0.3744 0.37216 0.64403) |
| Adobe RGB | color(a98-rgb 0.40863 0.422 0.68732) |
| ProPhoto RGB | color(prophoto-rgb 0.39123 0.35753 0.60943) |
| sRGB เชิงเส้น | color(srgb-linear 0.13563 0.14996 0.45079) |
| XYZ D65 | color(xyz-d65 0.19092 0.16863 0.44898) |
| XYZ D50 | color(xyz-d50 0.1814 0.16501 0.33835) |
| SwiftUI | Color(red: 0.404, green: 0.424, blue: 0.702) |
| UIKit | UIColor(red: 0.404, green: 0.424, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF676CB3) |
| Android XML | #676CB3 |

## ข้อมูล

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

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

#676cb3, #757abb, #8389c3, #9197cb, #a0a6d3, #afb4da, #bfc3e2, #ced2e9, #dee1f1, #eff0f8

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

#676cb3, #595d9b, #4b4e84, #3d406e, #303258, #232543, #17192f, #0c0d1d, #04040c, #000001

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

#676cb3, #686dad, #696ea7, #6a6fa1, #6c709b, #6d7194, #6e728e, #707288, #717381, #72747b

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

- คู่ตรงข้าม: #676cb3, #847414
- คู่ตรงข้ามแยก: #676cb3, #9d671e, #608036
- ข้างเคียง: #676cb3, #3b78b1, #8761a4
- สามเส้า: #676cb3, #a95b41, #2b875c
- สี่เหลี่ยมผืนผ้า: #676cb3, #9d5989, #847414, #2b875c
- สี่เหลี่ยมจัตุรัส: #676cb3, #a95666, #847414, #008881
- โทนสีเดียว: #676cb3, #292868, #47498d, #8a90da, #aeb6ff

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

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

#676cb3 เป็นโทนละมุน สีคราม ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีคราม ใน RGB คือ rgb(103, 108, 179) ใน HSL คือ hsl(236.05, 33.33%, 55.29%) และใน OKLCH คือ oklch(55.876% 0.10943 279.164)

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

สีตรงข้ามของ #676cb3 คือ #847414 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3b78b1 และ #8761a4 ส่วนสีสามเส้าคือ #a95b41 และ #2b875c

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

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

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

#676cb3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 279 องศา ความสว่าง 55.9% และความสด 0.109