# สี #65a6e2: โทนละมุน เฉดอ่อนของสีน้ำเงิน

#65a6e2 คือ rgb(101, 166, 226) ใน RGB และ oklch(70.617% 0.11088 247.807) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #65a6e2 |
| RGB | rgb(101, 166, 226) |
| HSL | hsl(208.8, 68.31%, 64.12%) |
| HSB / HSV | hsv(208.8 55.31% 88.63%) |
| HWB | hwb(208.8 39.61% 11.37%) |
| CMYK | cmyk(55% 27% 0% 11%) |
| Lab | lab(65.63 -8.42 -37.29) |
| LCH | lch(65.63 38.23 257.27) |
| OKLab | oklab(70.617% -0.04188 -0.10267) |
| OKLCH | oklch(70.617% 0.11088 247.807) |
| Display P3 | color(display-p3 0.45501 0.64451 0.86627) |
| Rec. 2020 | color(rec2020 0.47924 0.60199 0.84705) |
| Adobe RGB | color(a98-rgb 0.48288 0.64508 0.87467) |
| ProPhoto RGB | color(prophoto-rgb 0.51388 0.57325 0.82367) |
| sRGB เชิงเส้น | color(srgb-linear 0.13014 0.38133 0.76052) |
| XYZ D65 | color(xyz-d65 0.32728 0.35529 0.77087) |
| XYZ D50 | color(xyz-d50 0.31243 0.34842 0.58192) |
| SwiftUI | Color(red: 0.396, green: 0.651, blue: 0.886) |
| UIKit | UIColor(red: 0.396, green: 0.651, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF65A6E2) |
| Android XML | #65A6E2 |

## ข้อมูล

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

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

#65a6e2, #75afe5, #85b8e9, #94c1ec, #a4caef, #b3d3f2, #c2dcf5, #d1e4f8, #e0edfa, #f0f6fd

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

#65a6e2, #5790c4, #497aa8, #3c658c, #2f5171, #223e57, #172b3e, #0c1a27, #030a12, #000103

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

#65a6e2, #6ca6dc, #73a5d5, #79a5cf, #7fa5c8, #85a4c2, #8ba3bb, #90a3b5, #96a2ae, #9ba1a7

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

- คู่ตรงข้าม: #65a6e2, #ce924f
- คู่ตรงข้ามแยก: #65a6e2, #dc876d, #b3a148
- ข้างเคียง: #65a6e2, #39b1ce, #9099e5
- สามเส้า: #65a6e2, #db8293, #8cad60
- สี่เหลี่ยมผืนผ้า: #65a6e2, #b38dd6, #ce924f, #8cad60
- สี่เหลี่ยมจัตุรัส: #65a6e2, #cd85b9, #ce924f, #5eb585
- โทนสีเดียว: #65a6e2, #195d94, #4081ba, #8acdff, #d4f1ff

## คำถามเกี่ยวกับ #65a6e2

### #65a6e2 คือสีอะไร

#65a6e2 เป็นโทนละมุน เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(101, 166, 226) ใน HSL คือ hsl(208.8, 68.31%, 64.12%) และใน OKLCH คือ oklch(70.617% 0.11088 247.807)

### สีอะไรเข้ากับ #65a6e2

สีตรงข้ามของ #65a6e2 คือ #ce924f หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #39b1ce และ #9099e5 ส่วนสีสามเส้าคือ #db8293 และ #8cad60

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

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

### #65a6e2 เป็นสีโทนร้อนหรือโทนเย็น

#65a6e2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 248 องศา ความสว่าง 70.6% และความสด 0.111