# สี #63c2e9: โทนสด เฉดอ่อนของสีฟ้า

#63c2e9 คือ rgb(99, 194, 233) ใน RGB และ oklch(77.111% 0.10554 227.369) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #63c2e9 |
| RGB | rgb(99, 194, 233) |
| HSL | hsl(197.46, 75.28%, 65.1%) |
| HSB / HSV | hsv(197.46 57.51% 91.37%) |
| HWB | hwb(197.46 38.82% 8.63%) |
| CMYK | cmyk(58% 17% 0% 9%) |
| Lab | lab(73.8 -20.88 -28.55) |
| LCH | lch(73.8 35.37 233.82) |
| OKLab | oklab(77.111% -0.07148 -0.07765) |
| OKLCH | oklch(77.111% 0.10554 227.369) |
| Display P3 | color(display-p3 0.48272 0.75205 0.89783) |
| Rec. 2020 | color(rec2020 0.53168 0.71546 0.88331) |
| Adobe RGB | color(a98-rgb 0.52548 0.75531 0.90531) |
| ProPhoto RGB | color(prophoto-rgb 0.56575 0.68525 0.86535) |
| sRGB เชิงเส้น | color(srgb-linear 0.12477 0.53948 0.81485) |
| XYZ D65 | color(xyz-d65 0.39143 0.47118 0.84125) |
| XYZ D50 | color(xyz-d50 0.37878 0.4639 0.63599) |
| SwiftUI | Color(red: 0.388, green: 0.761, blue: 0.914) |
| UIKit | UIColor(red: 0.388, green: 0.761, blue: 0.914, alpha: 1) |
| Flutter / Compose | Color(0xFF63C2E9) |
| Android XML | #63C2E9 |

## ข้อมูล

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

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

#63c2e9, #75c8eb, #86cfee, #97d5f0, #a6dbf3, #b6e1f5, #c5e7f7, #d3edf9, #e2f3fb, #f1f9fd

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

#63c2e9, #55a8cb, #478fad, #3a7790, #2e6074, #21495a, #163441, #0b2029, #030e13, #000203

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

#63c2e9, #6ec1e4, #78c0df, #81bfda, #8abdd4, #92bccf, #99bbca, #a0b9c5, #a7b8bf, #aeb6ba

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

- คู่ตรงข้าม: #63c2e9, #eca079
- คู่ตรงข้ามแยก: #63c2e9, #f0999c, #daac63
- ข้างเคียง: #63c2e9, #52c9cc, #89b7f8
- สามเส้า: #63c2e9, #e699c1, #bcba67
- สี่เหลี่ยมผืนผ้า: #63c2e9, #b0aaf5, #eca079, #bcba67
- สี่เหลี่ยมจัตุรัส: #63c2e9, #d09fe1, #eca079, #94c582
- โทนสีเดียว: #63c2e9, #00779b, #399cc2, #94e8ff, #d6fcff

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

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

#63c2e9 เป็นโทนสด เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนสด เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(99, 194, 233) ใน HSL คือ hsl(197.46, 75.28%, 65.1%) และใน OKLCH คือ oklch(77.111% 0.10554 227.369)

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

สีตรงข้ามของ #63c2e9 คือ #eca079 หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #52c9cc และ #89b7f8 ส่วนสีสามเส้าคือ #e699c1 และ #bcba67

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

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

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

#63c2e9 เป็นสีโทนเย็น ใน OKLCH มีฮิว 227 องศา ความสว่าง 77.1% และความสด 0.106