#63a2de Color Information
In a RGB color space, hex #63a2de is composed of 38.8% red, 63.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 27% magenta, 0% yellow and 12.9% black. It has a hue angle of 209.3 degrees, a saturation of 65.1% and a lightness of 62.9%. #63a2de color hex could be obtained by blending #c6ffff with #0045bd. Closest websafe color is: #6699cc.
-
- R 39
- G 64
- B 87
-
- C 55
- M 27
- Y 0
- K 13
● #63a2de color description : Soft blue.
#63a2de Color Conversion
The hexadecimal color #63a2de has RGB values of R:99, G:162, B:222 and CMYK values of C:0.55, M:0.27, Y:0, K:0.13. Its decimal value is 6529758.
Hex triplet | 63a2de | #63a2de |
---|---|---|
RGB Decimal | 99, 162, 222 | rgb(99,162,222) |
RGB Percent | 38.8, 63.5, 87.1 | rgb(38.8%,63.5%,87.1%) |
CMYK | 55, 27, 0, 13 | |
HSL | 209.3°, 65.1, 62.9 | hsl(209.3,65.1%,62.9%) |
HSV (or HSB) | 209.3°, 55.4, 87.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 64.776, -3.084, -36.552 |
---|---|
XYZ | 31.248, 33.765, 73.974 |
xyY | 0.225, 0.243, 33.765 |
CIE-LCH | 64.776, 36.682, 265.177 |
CIE-LUV | 64.776, -28.044, -57.514 |
Hunter-Lab | 58.108, -5.7, -34.803 |
Binary | 01100011, 10100010, 11011110 |
Color Schemes with #63a2de
Alternatives to #63a2de
Below, you can see some colors close to #63a2de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63a2de Preview
This text has a font color of #63a2de.
<span style="color:#63a2de;">Text here</span>
This paragraph has a background color of #63a2de.
<p style="background-color:#63a2de;">Content here</p>
This element has a border color of #63a2de.
<div style="border:1px solid #63a2de;">Content here</div>
.text {color:#63a2de;}
.background {background-color:#63a2de;}
.border {border:1px solid #63a2de;}
Shades and Tints of #63a2de
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010406 is the darkest color, while #f5f9fd is the lightest one.
-
#010406
#010406
rgb(1,4,6)
-
#050e16
#050e16
rgb(5,14,22)
-
#081826
#081826
rgb(8,24,38)
-
#0c2236
#0c2236
rgb(12,34,54)
-
#0f2b47
#0f2b47
rgb(15,43,71)
-
#123557
#123557
rgb(18,53,87)
-
#163f67
#163f67
rgb(22,63,103)
-
#194977
#194977
rgb(25,73,119)
-
#1d5387
#1d5387
rgb(29,83,135)
-
#205d98
#205d98
rgb(32,93,152)
-
#2367a8
#2367a8
rgb(35,103,168)
-
#2771b8
#2771b8
rgb(39,113,184)
-
#2a7bc8
#2a7bc8
rgb(42,123,200)
-
#3285d4
#3285d4
rgb(50,133,212)
-
#438fd7
#438fd7
rgb(67,143,215)
-
#5398db
#5398db
rgb(83,152,219)
-
#63a2de
#63a2de
rgb(99,162,222)
-
#73ace1
#73ace1
rgb(115,172,225)
-
#83b5e5
#83b5e5
rgb(131,181,229)
-
#94bfe8
#94bfe8
rgb(148,191,232)
-
#a4c9ec
#a4c9ec
rgb(164,201,236)
-
#b4d2ef
#b4d2ef
rgb(180,210,239)
-
#c4dcf3
#c4dcf3
rgb(196,220,243)
-
#d4e6f6
#d4e6f6
rgb(212,230,246)
-
#e5eff9
#e5eff9
rgb(229,239,249)
-
#f5f9fd
#f5f9fd
rgb(245,249,253)
Tones of #63a2de
A tone is produced by adding gray to any pure hue. In this case, #9da1a4 is the less saturated color, while #46a3fb is the most saturated one.
-
#9da1a4
#9da1a4
rgb(157,161,164)
-
#96a1ab
#96a1ab
rgb(150,161,171)
-
#8fa1b2
#8fa1b2
rgb(143,161,178)
-
#87a1ba
#87a1ba
rgb(135,161,186)
-
#80a1c1
#80a1c1
rgb(128,161,193)
-
#79a1c8
#79a1c8
rgb(121,161,200)
-
#72a2cf
#72a2cf
rgb(114,162,207)
-
#6aa2d7
#6aa2d7
rgb(106,162,215)
-
#63a2de
#63a2de
rgb(99,162,222)
-
#5ca2e5
#5ca2e5
rgb(92,162,229)
-
#54a2ed
#54a2ed
rgb(84,162,237)
-
#4da3f4
#4da3f4
rgb(77,163,244)
-
#46a3fb
#46a3fb
rgb(70,163,251)
Color Blindness Simulator
Below, you can see how #63a2de is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.