# สี #669cbb: โทนตุ่น สีฟ้า

#669cbb คือ rgb(102, 156, 187) ใน RGB และ oklch(66.69% 0.07339 234.604) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #669cbb |
| RGB | rgb(102, 156, 187) |
| HSL | hsl(201.88, 38.46%, 56.67%) |
| HSB / HSV | hsv(201.88 45.45% 73.33%) |
| HWB | hwb(201.88 40% 26.67%) |
| CMYK | cmyk(45% 17% 0% 27%) |
| Lab | lab(61.48 -12.17 -22.07) |
| LCH | lch(61.48 25.2 241.12) |
| OKLab | oklab(66.69% -0.04251 -0.05983) |
| OKLCH | oklch(66.69% 0.07339 234.604) |
| Display P3 | color(display-p3 0.4471 0.6062 0.72122) |
| Rec. 2020 | color(rec2020 0.4504 0.55951 0.68818) |
| Adobe RGB | color(a98-rgb 0.46963 0.60608 0.7231) |
| ProPhoto RGB | color(prophoto-rgb 0.46287 0.52863 0.65852) |
| sRGB เชิงเส้น | color(srgb-linear 0.13287 0.33245 0.49693) |
| XYZ D65 | color(xyz-d65 0.26336 0.30189 0.51455) |
| XYZ D50 | color(xyz-d50 0.25708 0.29802 0.38898) |
| SwiftUI | Color(red: 0.4, green: 0.612, blue: 0.733) |
| UIKit | UIColor(red: 0.4, green: 0.612, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF669CBB) |
| Android XML | #669CBB |

## ข้อมูล

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

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

#669cbb, #75a6c2, #85afc9, #94b9d0, #a3c3d6, #b2cddd, #c1d7e4, #d1e1eb, #e0ebf2, #eff5f8

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

#669cbb, #5887a2, #4a738a, #3c5f73, #2f4c5c, #233946, #172832, #0c181f, #04090d, #000102

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

#669cbb, #6b9bb7, #719bb3, #769ab0, #7a99ac, #7f98a8, #8398a4, #8897a0, #8c969c, #909598

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

- คู่ตรงข้าม: #669cbb, #b88869
- คู่ตรงข้ามแยก: #669cbb, #bd837e, #a9915f
- ข้างเคียง: #669cbb, #59a2a9, #7e94c2
- สามเส้า: #669cbb, #b98297, #939a65
- สี่เหลี่ยมผืนผ้า: #669cbb, #978cbd, #b88869, #939a65
- สี่เหลี่ยมจัตุรัส: #669cbb, #ab85ae, #b88869, #78a178
- โทนสีเดียว: #669cbb, #1e5571, #427895, #8bc2e2, #b1e9ff

## คำถามเกี่ยวกับ #669cbb

### #669cbb คือสีอะไร

#669cbb เป็นโทนตุ่น สีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนตุ่น สีฟ้า ใน RGB คือ rgb(102, 156, 187) ใน HSL คือ hsl(201.88, 38.46%, 56.67%) และใน OKLCH คือ oklch(66.69% 0.07339 234.604)

### สีอะไรเข้ากับ #669cbb

สีตรงข้ามของ #669cbb คือ #b88869 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #59a2a9 และ #7e94c2 ส่วนสีสามเส้าคือ #b98297 และ #939a65

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

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

### #669cbb เป็นสีโทนร้อนหรือโทนเย็น

#669cbb เป็นสีโทนเย็น ใน OKLCH มีฮิว 235 องศา ความสว่าง 66.7% และความสด 0.073