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

#63b2cc คือ rgb(99, 178, 204) ใน RGB และ oklch(72.284% 0.08628 221.536) ใน OKLCH รูปแบบอื่น เฉดสี และค่าคอนทราสต์ทั้งหมดอยู่ด้านล่าง

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

## รูปแบบ

| รูปแบบ | ค่า |
| --- | --- |
| HEX | #63b2cc |
| RGB | rgb(99, 178, 204) |
| HSL | hsl(194.86, 50.72%, 59.41%) |
| HSB / HSV | hsv(194.86 51.47% 80%) |
| HWB | hwb(194.86 38.82% 20%) |
| CMYK | cmyk(51% 13% 0% 20%) |
| Lab | lab(68.28 -19.92 -21.2) |
| LCH | lch(68.28 29.09 226.79) |
| OKLab | oklab(72.284% -0.06459 -0.05721) |
| OKLCH | oklch(72.284% 0.08628 221.536) |
| Display P3 | color(display-p3 0.46334 0.69049 0.78828) |
| Rec. 2020 | color(rec2020 0.4909 0.64857 0.76236) |
| Adobe RGB | color(a98-rgb 0.49822 0.69214 0.7911) |
| ProPhoto RGB | color(prophoto-rgb 0.51029 0.61607 0.73681) |
| sRGB เชิงเส้น | color(srgb-linear 0.12477 0.4452 0.60383) |
| XYZ D65 | color(xyz-d65 0.31963 0.38852 0.62943) |
| XYZ D50 | color(xyz-d50 0.31227 0.38352 0.47615) |
| SwiftUI | Color(red: 0.388, green: 0.698, blue: 0.8) |
| UIKit | UIColor(red: 0.388, green: 0.698, blue: 0.8, alpha: 1) |
| Flutter / Compose | Color(0xFF63B2CC) |
| Android XML | #63B2CC |

## ข้อมูล

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

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

#63b2cc, #74bad1, #85c1d6, #95c9dc, #a4d1e1, #b3d9e6, #c3e0eb, #d2e8f0, #e1f0f5, #f0f7fa

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

#63b2cc, #559ab1, #478397, #3a6d7e, #2e5765, #21434e, #162f37, #0b1d22, #030c0f, #000102

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

#63b2cc, #6cb1c8, #73b0c4, #7bafc1, #82adbd, #88acb9, #8fabb5, #95aab1, #9aa8ad, #a0a7a9

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

- คู่ตรงข้าม: #63b2cc, #d4947b
- คู่ตรงข้ามแยก: #63b2cc, #d68f97, #c89d68
- ข้างเคียง: #63b2cc, #5db7b3, #7da9da
- สามเส้า: #63b2cc, #cb90b5, #b0a866
- สี่เหลี่ยมผืนผ้า: #63b2cc, #9c9fdb, #d4947b, #b0a866
- สี่เหลี่ยมจัตุรัส: #63b2cc, #b796cd, #d4947b, #92b178
- โทนสีเดียว: #63b2cc, #0a6981, #3c8da6, #89d9f4, #cbfcff

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

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

#63b2cc เป็นโทนละมุน เฉดอ่อนของสีฟ้า ชื่อสีที่ใกล้ที่สุดคือ โทนละมุน เฉดอ่อนของสีฟ้า ใน RGB คือ rgb(99, 178, 204) ใน HSL คือ hsl(194.86, 50.72%, 59.41%) และใน OKLCH คือ oklch(72.284% 0.08628 221.536)

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

สีตรงข้ามของ #63b2cc คือ #d4947b หากต้องการคู่สีที่ดูสงบกว่า ให้ใช้สีข้างเคียง #5db7b3 และ #7da9da ส่วนสีสามเส้าคือ #cb90b5 และ #b0a866

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

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

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

#63b2cc เป็นสีโทนเย็น ใน OKLCH มีฮิว 222 องศา ความสว่าง 72.3% และความสด 0.086