# สี #62ade2: โทนละมุน เฉดอ่อนของสีฟ้า

#62ade2 คือ rgb(98, 173, 226) ใน RGB และ oklch(72.036% 0.10778 241.206) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #62ade2 |
| RGB | rgb(98, 173, 226) |
| HSL | hsl(204.84, 68.82%, 63.53%) |
| HSB / HSV | hsv(204.84 56.64% 88.63%) |
| HWB | hwb(204.84 38.43% 11.37%) |
| CMYK | cmyk(57% 23% 0% 11%) |
| Lab | lab(67.49 -12.62 -34.43) |
| LCH | lch(67.49 36.67 249.87) |
| OKLab | oklab(72.036% -0.05191 -0.09445) |
| OKLCH | oklch(72.036% 0.10778 241.206) |
| Display P3 | color(display-p3 0.4549 0.6712 0.8676) |
| Rec. 2020 | color(rec2020 0.4868 0.62965 0.84888) |
| Adobe RGB | color(a98-rgb 0.48796 0.6725 0.87548) |
| ProPhoto RGB | color(prophoto-rgb 0.52125 0.59977 0.82637) |
| sRGB เชิงเส้น | color(srgb-linear 0.12214 0.41789 0.76052) |
| XYZ D65 | color(xyz-d65 0.33706 0.37973 0.77507) |
| XYZ D50 | color(xyz-d50 0.32302 0.37285 0.58536) |
| SwiftUI | Color(red: 0.384, green: 0.678, blue: 0.886) |
| UIKit | UIColor(red: 0.384, green: 0.678, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFF62ADE2) |
| Android XML | #62ADE2 |

## ข้อมูล

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

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

#62ade2, #73b5e5, #83bee9, #93c6ec, #a3ceef, #b2d6f2, #c2def5, #d1e7f7, #e0effa, #f0f7fd

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

#62ade2, #5496c4, #477fa8, #3a6a8c, #2d5571, #214157, #162d3e, #0b1b27, #030b12, #000103

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

#62ade2, #6aacdc, #72acd6, #7aabd0, #80aaca, #87aac4, #8da9be, #93a8b8, #99a7b1, #9fa6ab

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

- คู่ตรงข้าม: #62ade2, #d6955b
- คู่ตรงข้ามแยก: #62ade2, #e08b7b, #bea24f
- ข้างเคียง: #62ade2, #3eb7cb, #8ca1e9
- สามเส้า: #62ade2, #dc87a0, #9aaf60
- สี่เหลี่ยมผืนผ้า: #62ade2, #b095de, #d6955b, #9aaf60
- สี่เหลี่ยมจัตุรัส: #62ade2, #cc8bc4, #d6955b, #6fb882
- โทนสีเดียว: #62ade2, #0d6494, #3c88bb, #88d4ff, #d9f7ff

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

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

#62ade2 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(98, 173, 226) ใน HSL คือ hsl(204.84, 68.82%, 63.53%) และใน OKLCH คือ oklch(72.036% 0.10778 241.206)

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

สีตรงข้ามของ #62ade2 คือ #d6955b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3eb7cb และ #8ca1e9 ส่วนสีสามเส้าคือ #dc87a0 และ #9aaf60

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

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

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

#62ade2 เป็นสีโทนเย็น ใน OKLCH มีฮิว 241 องศา ความสว่าง 72% และความสด 0.108