# สี #669cff: โทนสด เฉดอ่อนของสีน้ำเงิน

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

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #669cff |
| RGB | rgb(102, 156, 255) |
| HSL | hsl(218.82, 100%, 70%) |
| HSB / HSV | hsv(218.82 60% 100%) |
| HWB | hwb(218.82 40% 0%) |
| CMYK | cmyk(60% 39% 0% 0%) |
| Lab | lab(64.04 4.4 -55.58) |
| LCH | lch(64.04 55.76 274.53) |
| OKLab | oklab(70.027% -0.02293 -0.15508) |
| OKLCH | oklch(70.027% 0.15677 261.589) |
| Display P3 | color(display-p3 0.4471 0.6062 0.97172) |
| Rec. 2020 | color(rec2020 0.47488 0.56477 0.96315) |
| Adobe RGB | color(a98-rgb 0.46963 0.60608 0.98741) |
| ProPhoto RGB | color(prophoto-rgb 0.53159 0.54161 0.94711) |
| sRGB เชิงเส้น | color(srgb-linear 0.13287 0.33245 1) |
| XYZ D65 | color(xyz-d65 0.35415 0.3382 0.99273) |
| XYZ D50 | color(xyz-d50 0.32906 0.32851 0.74822) |
| SwiftUI | Color(red: 0.4, green: 0.612, blue: 1) |
| UIKit | UIColor(red: 0.4, green: 0.612, blue: 1, alpha: 1) |
| Flutter / Compose | Color(0xFF669CFF) |
| Android XML | #669CFF |

## ข้อมูล

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

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

#669cff, #75a6ff, #84b1ff, #93bbff, #a2c5ff, #b2cfff, #c1d9ff, #d0e2ff, #e0ecff, #eff5ff

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

#669cff, #5887de, #4a73be, #3c5f9e, #2f4c80, #233963, #172848, #0c182e, #040916, #000103

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

#669cff, #6c9df6, #729eec, #789ee3, #7e9fd9, #849fd0, #899fc6, #8f9fbc, #949fb3, #999fa9

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

- คู่ตรงข้าม: #669cff, #cf9200
- คู่ตรงข้ามแยก: #669cff, #e97e33, #a3a700
- ข้างเคียง: #669cff, #00adee, #a18af7
- สามเส้า: #669cff, #f07172, #60b656
- สี่เหลี่ยมผืนผ้า: #669cff, #cb7bd8, #cf9200, #60b656
- สี่เหลี่ยมจัตุรัส: #669cff, #e571a9, #cf9200, #00bd92
- โทนสีเดียว: #669cff, #2152ae, #4376d6, #9cc5ff, #d9ecff

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

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

#669cff เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(102, 156, 255) ใน HSL คือ hsl(218.82, 100%, 70%) และใน OKLCH คือ oklch(70.027% 0.15677 261.589)

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

สีตรงข้ามของ #669cff คือ #cf9200 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #00adee และ #a18af7 ส่วนสีสามเส้าคือ #f07172 และ #60b656

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

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

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

#669cff เป็นสีโทนเย็น ใน OKLCH มีฮิว 262 องศา ความสว่าง 70% และความสด 0.157