#63acd2 Color Information
In a RGB color space, hex #63acd2 is composed of 38.8% red, 67.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 18.1% magenta, 0% yellow and 17.6% black. It has a hue angle of 200.5 degrees, a saturation of 55.2% and a lightness of 60.6%. #63acd2 color hex could be obtained by blending #c6ffff with #0059a5. Closest websafe color is: #6699cc.
-
- R 39
- G 67
- B 82
-
- C 53
- M 18
- Y 0
- K 18
● #63acd2 color description : Moderate blue.
#63acd2 Color Conversion
The hexadecimal color #63acd2 has RGB values of R:99, G:172, B:210 and CMYK values of C:0.53, M:0.18, Y:0, K:0.18. Its decimal value is 6532306.
Hex triplet | 63acd2 | #63acd2 |
---|---|---|
RGB Decimal | 99, 172, 210 | rgb(99,172,210) |
RGB Percent | 38.8, 67.5, 82.4 | rgb(38.8%,67.5%,82.4%) |
CMYK | 53, 18, 0, 18 | |
HSL | 200.5°, 55.2, 60.6 | hsl(200.5,55.2%,60.6%) |
HSV (or HSB) | 200.5°, 52.9, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 67.133, -12.216, -26.28 |
---|---|
XYZ | 31.528, 36.809, 66.413 |
xyY | 0.234, 0.273, 36.809 |
CIE-LCH | 67.133, 28.981, 245.068 |
CIE-LUV | 67.133, -32.078, -39.44 |
Hunter-Lab | 60.67, -13.413, -22.432 |
Binary | 01100011, 10101100, 11010010 |
Color Schemes with #63acd2
Alternatives to #63acd2
Below, you can see some colors close to #63acd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63acd2 Preview
This text has a font color of #63acd2.
<span style="color:#63acd2;">Text here</span>
This paragraph has a background color of #63acd2.
<p style="background-color:#63acd2;">Content here</p>
This element has a border color of #63acd2.
<div style="border:1px solid #63acd2;">Content here</div>
.text {color:#63acd2;}
.background {background-color:#63acd2;}
.border {border:1px solid #63acd2;}
Shades and Tints of #63acd2
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, #03090b is the darkest color, while #fbfdfe is the lightest one.
-
#03090b
#03090b
rgb(3,9,11)
-
#08141b
#08141b
rgb(8,20,27)
-
#0c202a
#0c202a
rgb(12,32,42)
-
#102b39
#102b39
rgb(16,43,57)
-
#153748
#153748
rgb(21,55,72)
-
#194258
#194258
rgb(25,66,88)
-
#1e4e67
#1e4e67
rgb(30,78,103)
-
#225976
#225976
rgb(34,89,118)
-
#266585
#266585
rgb(38,101,133)
-
#2b7094
#2b7094
rgb(43,112,148)
-
#2f7ca4
#2f7ca4
rgb(47,124,164)
-
#3487b3
#3487b3
rgb(52,135,179)
-
#3893c2
#3893c2
rgb(56,147,194)
-
#459cc9
#459cc9
rgb(69,156,201)
-
#54a4ce
#54a4ce
rgb(84,164,206)
-
#63acd2
#63acd2
rgb(99,172,210)
-
#72b4d6
#72b4d6
rgb(114,180,214)
-
#81bcdb
#81bcdb
rgb(129,188,219)
-
#91c4df
#91c4df
rgb(145,196,223)
-
#a0cce4
#a0cce4
rgb(160,204,228)
-
#afd4e8
#afd4e8
rgb(175,212,232)
-
#beddec
#beddec
rgb(190,221,236)
-
#cee5f1
#cee5f1
rgb(206,229,241)
-
#ddedf5
#ddedf5
rgb(221,237,245)
-
#ecf5fa
#ecf5fa
rgb(236,245,250)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #63acd2
A tone is produced by adding gray to any pure hue. In this case, #999b9c is the less saturated color, while #3cb8f9 is the most saturated one.
-
#999b9c
#999b9c
rgb(153,155,156)
-
#919da4
#919da4
rgb(145,157,164)
-
#8aa0ab
#8aa0ab
rgb(138,160,171)
-
#82a2b3
#82a2b3
rgb(130,162,179)
-
#7aa5bb
#7aa5bb
rgb(122,165,187)
-
#72a7c3
#72a7c3
rgb(114,167,195)
-
#6baaca
#6baaca
rgb(107,170,202)
-
#63acd2
#63acd2
rgb(99,172,210)
-
#5baeda
#5baeda
rgb(91,174,218)
-
#54b1e1
#54b1e1
rgb(84,177,225)
-
#4cb3e9
#4cb3e9
rgb(76,179,233)
-
#44b6f1
#44b6f1
rgb(68,182,241)
-
#3cb8f9
#3cb8f9
rgb(60,184,249)
Color Blindness Simulator
Below, you can see how #63acd2 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.