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

#63aae3 คือ rgb(99, 170, 227) ใน RGB และ oklch(71.457% 0.11022 244.444) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #63aae3 |
| RGB | rgb(99, 170, 227) |
| HSL | hsl(206.72, 69.57%, 63.92%) |
| HSB / HSV | hsv(206.72 56.39% 89.02%) |
| HWB | hwb(206.72 38.82% 10.98%) |
| CMYK | cmyk(56% 25% 0% 11%) |
| Lab | lab(66.71 -10.66 -36.17) |
| LCH | lch(66.71 37.71 253.58) |
| OKLab | oklab(71.457% -0.04755 -0.09944) |
| OKLCH | oklch(71.457% 0.11022 244.444) |
| Display P3 | color(display-p3 0.4541 0.65974 0.87069) |
| Rec. 2020 | color(rec2020 0.48331 0.6178 0.85212) |
| Adobe RGB | color(a98-rgb 0.4851 0.66074 0.87902) |
| ProPhoto RGB | color(prophoto-rgb 0.51864 0.58846 0.82945) |
| sRGB เชิงเส้น | color(srgb-linear 0.12477 0.40198 0.76815) |
| XYZ D65 | color(xyz-d65 0.33383 0.36947 0.78048) |
| XYZ D50 | color(xyz-d50 0.31914 0.3625 0.5893) |
| SwiftUI | Color(red: 0.388, green: 0.667, blue: 0.89) |
| UIKit | UIColor(red: 0.388, green: 0.667, blue: 0.89, alpha: 1) |
| Flutter / Compose | Color(0xFF63AAE3) |
| Android XML | #63AAE3 |

## ข้อมูล

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

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

#63aae3, #74b3e6, #84bbe9, #94c4ed, #a3ccf0, #b2d5f2, #c2ddf5, #d1e6f8, #e0eefa, #f0f7fd

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

#63aae3, #5593c5, #477da8, #3a688c, #2e5371, #213f57, #162d3f, #0b1b27, #030b12, #000103

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

#63aae3, #6baadd, #72a9d7, #79a9d0, #80a8ca, #86a7c4, #8ca7bd, #92a6b7, #98a5b0, #9da4a9

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

- คู่ตรงข้าม: #63aae3, #d39455
- คู่ตรงข้ามแยก: #63aae3, #df8974, #b9a24b
- ข้างเคียง: #63aae3, #3ab4cd, #8e9de8
- สามเส้า: #63aae3, #dd859a, #94af5f
- สี่เหลี่ยมผืนผ้า: #63aae3, #b291db, #d39455, #94af5f
- สี่เหลี่ยมจัตุรัส: #63aae3, #cd88bf, #d39455, #67b784
- โทนสีเดียว: #63aae3, #126195, #3d85bb, #89d1ff, #d7f4ff

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

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

#63aae3 เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(99, 170, 227) ใน HSL คือ hsl(206.72, 69.57%, 63.92%) และใน OKLCH คือ oklch(71.457% 0.11022 244.444)

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

สีตรงข้ามของ #63aae3 คือ #d39455 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #3ab4cd และ #8e9de8 ส่วนสีสามเส้าคือ #dd859a และ #94af5f

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

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

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

#63aae3 เป็นสีโทนเย็น ใน OKLCH มีฮิว 244 องศา ความสว่าง 71.5% และความสด 0.11