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

#63aed5 คือ rgb(99, 174, 213) ใน RGB และ oklch(71.736% 0.09388 232.831) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #63aed5 |
| RGB | rgb(99, 174, 213) |
| HSL | hsl(200.53, 57.58%, 61.18%) |
| HSB / HSV | hsv(200.53 53.52% 83.53%) |
| HWB | hwb(200.53 38.82% 16.47%) |
| CMYK | cmyk(54% 18% 0% 16%) |
| Lab | lab(67.39 -15.96 -27.47) |
| LCH | lch(67.39 31.77 239.85) |
| OKLab | oklab(71.736% -0.05672 -0.07481) |
| OKLCH | oklch(71.736% 0.09388 232.831) |
| Display P3 | color(display-p3 0.45868 0.67511 0.82019) |
| Rec. 2020 | color(rec2020 0.48605 0.63295 0.79695) |
| Adobe RGB | color(a98-rgb 0.49162 0.67642 0.82522) |
| ProPhoto RGB | color(prophoto-rgb 0.51164 0.60167 0.77209) |
| sRGB เชิงเส้น | color(srgb-linear 0.12477 0.42327 0.66539) |
| XYZ D65 | color(xyz-d65 0.3229 0.37727 0.68534) |
| XYZ D50 | color(xyz-d50 0.31263 0.37153 0.51798) |
| SwiftUI | Color(red: 0.388, green: 0.682, blue: 0.835) |
| UIKit | UIColor(red: 0.388, green: 0.682, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF63AED5) |
| Android XML | #63AED5 |

## ข้อมูล

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

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

#63aed5, #74b6d9, #84bede, #94c6e2, #a4cfe6, #b3d7eb, #c2dfef, #d1e7f3, #e1eff7, #f0f7fb

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

#63aed5, #5597b9, #47809e, #3a6a83, #2e556a, #214151, #162e3a, #0b1c24, #030b10, #000102

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

#63aed5, #6badd0, #73accb, #7aabc7, #81aac2, #87a9bd, #8da8b8, #93a7b3, #99a6ae, #9ea5a9

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

- คู่ตรงข้าม: #63aed5, #d3936c
- คู่ตรงข้ามแยก: #63aed5, #d88c88, #c19e5c
- ข้างเคียง: #63aed5, #50b5be, #85a4df
- สามเส้า: #63aed5, #d28ba9, #a4aa63
- สี่เหลี่ยมผืนผ้า: #63aed5, #a699da, #d3936c, #a4aa63
- สี่เหลี่ยมจัตุรัส: #63aed5, #c090c6, #d3936c, #81b37d
- โทนสีเดียว: #63aed5, #0e6589, #3d89ae, #89d5fd, #d1f8ff

## คำถามเกี่ยวกับ #63aed5

### #63aed5 คือสีอะไร

#63aed5 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(99, 174, 213) ใน HSL คือ hsl(200.53, 57.58%, 61.18%) และใน OKLCH คือ oklch(71.736% 0.09388 232.831)

### สีอะไรเข้ากับ #63aed5

สีตรงข้ามของ #63aed5 คือ #d3936c หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #50b5be และ #85a4df ส่วนสีสามเส้าคือ #d28ba9 และ #a4aa63

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

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

### #63aed5 เป็นสีโทนร้อนหรือโทนเย็น

#63aed5 เป็นสีโทนเย็น ใน OKLCH มีฮิว 233 องศา ความสว่าง 71.7% และความสด 0.094