# สี #667cb3: โทนละมุน สีน้ำเงิน

#667cb3 คือ rgb(102, 124, 179) ใน RGB และ oklch(59.179% 0.08854 267.026) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #667cb3 |
| RGB | rgb(102, 124, 179) |
| HSL | hsl(222.86, 33.62%, 55.1%) |
| HSB / HSV | hsv(222.86 43.02% 70.2%) |
| HWB | hwb(222.86 40% 29.8%) |
| CMYK | cmyk(43% 31% 0% 30%) |
| Lab | lab(51.99 2.93 -32.08) |
| LCH | lch(51.99 32.22 275.21) |
| OKLab | oklab(59.179% -0.00459 -0.08842) |
| OKLCH | oklch(59.179% 0.08854 267.026) |
| Display P3 | color(display-p3 0.41696 0.48371 0.68528) |
| Rec. 2020 | color(rec2020 0.39497 0.43309 0.6476) |
| Adobe RGB | color(a98-rgb 0.42515 0.48273 0.68883) |
| ProPhoto RGB | color(prophoto-rgb 0.40923 0.41102 0.61439) |
| sRGB เชิงเส้น | color(srgb-linear 0.13287 0.20156 0.45079) |
| XYZ D65 | color(xyz-d65 0.20823 0.20494 0.45508) |
| XYZ D50 | color(xyz-d50 0.20007 0.20138 0.34332) |
| SwiftUI | Color(red: 0.4, green: 0.486, blue: 0.702) |
| UIKit | UIColor(red: 0.4, green: 0.486, blue: 0.702, alpha: 1) |
| Flutter / Compose | Color(0xFF667CB3) |
| Android XML | #667CB3 |

## ข้อมูล

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

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

#667cb3, #7489bb, #8395c3, #91a2cb, #a0afd2, #b0bcda, #bfc9e1, #cfd7e9, #dfe4f0, #eff1f8

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

#667cb3, #586b9b, #4a5a84, #3c4a6e, #2f3b58, #232c43, #171e2f, #0c111d, #04050c, #000101

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

#667cb3, #687cae, #6b7da9, #6d7da3, #707d9e, #727d99, #747e94, #777e8e, #797e89, #7b7e83

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

- คู่ตรงข้าม: #667cb3, #947a3b
- คู่ตรงข้ามแยก: #667cb3, #a67047, #7a8545
- ข้างเคียง: #667cb3, #4585ac, #8372ac
- สามเส้า: #667cb3, #ac6961, #598c5e
- สี่เหลี่ยมผืนผ้า: #667cb3, #9a6b99, #947a3b, #598c5e
- สี่เหลี่ยมจัตุรัส: #667cb3, #a8677e, #947a3b, #378f7d
- โทนสีเดียว: #667cb3, #263869, #45598d, #89a1da, #aec7ff

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

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

#667cb3 เป็นโทนละมุน สีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน สีน้ำเงิน ใน RGB คือ rgb(102, 124, 179) ใน HSL คือ hsl(222.86, 33.62%, 55.1%) และใน OKLCH คือ oklch(59.179% 0.08854 267.026)

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

สีตรงข้ามของ #667cb3 คือ #947a3b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #4585ac และ #8372ac ส่วนสีสามเส้าคือ #ac6961 และ #598c5e

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

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

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

#667cb3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 267 องศา ความสว่าง 59.2% และความสด 0.089