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

#62a4e5 คือ rgb(98, 164, 229) ใน RGB และ oklch(70.18% 0.11751 249.489) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #62a4e5 |
| RGB | rgb(98, 164, 229) |
| HSL | hsl(209.77, 71.58%, 64.12%) |
| HSB / HSV | hsv(209.77 57.21% 89.8%) |
| HWB | hwb(209.77 38.43% 10.2%) |
| CMYK | cmyk(57% 28% 0% 10%) |
| Lab | lab(65.03 -7.34 -39.88) |
| LCH | lch(65.03 40.55 259.57) |
| OKLab | oklab(70.18% -0.04117 -0.11006) |
| OKLCH | oklch(70.18% 0.11751 249.489) |
| Display P3 | color(display-p3 0.44468 0.63662 0.87686) |
| Rec. 2020 | color(rec2020 0.47122 0.59373 0.8586) |
| Adobe RGB | color(a98-rgb 0.47341 0.63726 0.88614) |
| ProPhoto RGB | color(prophoto-rgb 0.50977 0.56545 0.83566) |
| sRGB เชิงเส้น | color(srgb-linear 0.12214 0.37124 0.78354) |
| XYZ D65 | color(xyz-d65 0.32453 0.34803 0.79139) |
| XYZ D50 | color(xyz-d50 0.30835 0.34081 0.59726) |
| SwiftUI | Color(red: 0.384, green: 0.643, blue: 0.898) |
| UIKit | UIColor(red: 0.384, green: 0.643, blue: 0.898, alpha: 1) |
| Flutter / Compose | Color(0xFF62A4E5) |
| Android XML | #62A4E5 |

## ข้อมูล

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

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

#62a4e5, #72ade8, #82b7eb, #92c0ee, #a2c9f1, #b1d2f4, #c1dbf6, #d0e4f9, #e0edfb, #eff6fd

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

#62a4e5, #548ec7, #4779aa, #3a648e, #2d5072, #213d58, #162b3f, #0b1a28, #030a12, #000103

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

#62a4e5, #69a4de, #70a4d7, #77a3d1, #7da3ca, #83a2c3, #89a2bc, #8fa1b5, #94a1ad, #9aa0a6

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

- คู่ตรงข้าม: #62a4e5, #ce9145
- คู่ตรงข้ามแยก: #62a4e5, #dd8466, #b1a040
- ข้างเคียง: #62a4e5, #2bb0d1, #9096e7
- สามเส้า: #62a4e5, #dd7f8f, #87ad5c
- สี่เหลี่ยมผืนผ้า: #62a4e5, #b58ad6, #ce9145, #87ad5c
- สี่เหลี่ยมจัตุรัส: #62a4e5, #cf81b7, #ce9145, #54b585
- โทนสีเดียว: #62a4e5, #145b97, #3d7fbd, #89cbff, #d3efff

## คำถามเกี่ยวกับ #62a4e5

### #62a4e5 คือสีอะไร

#62a4e5 เป็นโทนสด เฉดอ่อนของสีน้ำเงิน ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีน้ำเงิน ใน RGB คือ rgb(98, 164, 229) ใน HSL คือ hsl(209.77, 71.58%, 64.12%) และใน OKLCH คือ oklch(70.18% 0.11751 249.489)

### สีอะไรเข้ากับ #62a4e5

สีตรงข้ามของ #62a4e5 คือ #ce9145 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #2bb0d1 และ #9096e7 ส่วนสีสามเส้าคือ #dd7f8f และ #87ad5c

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

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

### #62a4e5 เป็นสีโทนร้อนหรือโทนเย็น

#62a4e5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 249 องศา ความสว่าง 70.2% และความสด 0.118