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

#65a4e4 คือ rgb(101, 164, 228) ใน RGB และ oklch(70.272% 0.11484 250.112) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #65a4e4 |
| RGB | rgb(101, 164, 228) |
| HSL | hsl(210.24, 70.17%, 64.51%) |
| HSB / HSV | hsv(210.24 55.7% 89.41%) |
| HWB | hwb(210.24 39.61% 10.59%) |
| CMYK | cmyk(56% 28% 0% 11%) |
| Lab | lab(65.13 -6.91 -39.15) |
| LCH | lch(65.13 39.76 259.99) |
| OKLab | oklab(70.272% -0.03907 -0.10799) |
| OKLCH | oklch(70.272% 0.11484 250.112) |
| Display P3 | color(display-p3 0.45282 0.63683 0.87324) |
| Rec. 2020 | color(rec2020 0.47635 0.59413 0.85462) |
| Adobe RGB | color(a98-rgb 0.47974 0.63726 0.88224) |
| ProPhoto RGB | color(prophoto-rgb 0.51276 0.56594 0.83146) |
| sRGB เชิงเส้น | color(srgb-linear 0.13014 0.37124 0.77582) |
| XYZ D65 | color(xyz-d65 0.32644 0.34918 0.78421) |
| XYZ D50 | color(xyz-d50 0.31073 0.34212 0.59187) |
| SwiftUI | Color(red: 0.396, green: 0.643, blue: 0.894) |
| UIKit | UIColor(red: 0.396, green: 0.643, blue: 0.894, alpha: 1) |
| Flutter / Compose | Color(0xFF65A4E4) |
| Android XML | #65A4E4 |

## ข้อมูล

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

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

#65a4e4, #75ade7, #85b6ea, #94c0ed, #a3c9f0, #b3d2f3, #c2dbf6, #d1e4f8, #e0edfb, #f0f6fd

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

#65a4e4, #578ec6, #4979a9, #3c648d, #2f5072, #223d58, #172b3f, #0c1a28, #030a12, #000103

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

#65a4e4, #6ca4dd, #73a4d7, #79a3d0, #7fa3c9, #85a3c2, #8aa2bb, #90a1b4, #95a1ad, #9aa0a6

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

- คู่ตรงข้าม: #65a4e4, #cd9248
- คู่ตรงข้ามแยก: #65a4e4, #dc8667, #b0a144
- ข้างเคียง: #65a4e4, #33afd1, #9197e5
- สามเส้า: #65a4e4, #dc808f, #87ae5f
- สี่เหลี่ยมผืนผ้า: #65a4e4, #b58ad5, #cd9248, #87ae5f
- สี่เหลี่ยมจัตุรัส: #65a4e4, #cf82b6, #cd9248, #56b587
- โทนสีเดียว: #65a4e4, #1a5b96, #407fbc, #8acbff, #d4efff

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

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

#65a4e4 เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(101, 164, 228) ใน HSL คือ hsl(210.24, 70.17%, 64.51%) และใน OKLCH คือ oklch(70.272% 0.11484 250.112)

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

สีตรงข้ามของ #65a4e4 คือ #cd9248 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #33afd1 และ #9197e5 ส่วนสีสามเส้าคือ #dc808f และ #87ae5f

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

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

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

#65a4e4 เป็นสีโทนเย็น ใน OKLCH มีฮิว 250 องศา ความสว่าง 70.3% และความสด 0.115