#63a2ec Color Information
In a RGB color space, hex #63a2ec is composed of 38.8% red, 63.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 31.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 212.4 degrees, a saturation of 78.3% and a lightness of 65.7%. #63a2ec color hex could be obtained by blending #c6ffff with #0045d9. Closest websafe color is: #6699ff.
-
- R 39
- G 64
- B 93
-
- C 58
- M 31
- Y 0
- K 7
● #63a2ec color description : Soft blue.
#63a2ec Color Conversion
The hexadecimal color #63a2ec has RGB values of R:99, G:162, B:236 and CMYK values of C:0.58, M:0.31, Y:0, K:0.07. Its decimal value is 6529772.
Hex triplet | 63a2ec | #63a2ec |
---|---|---|
RGB Decimal | 99, 162, 236 | rgb(99,162,236) |
RGB Percent | 38.8, 63.5, 92.5 | rgb(38.8%,63.5%,92.5%) |
CMYK | 58, 31, 0, 7 | |
HSL | 212.4°, 78.3, 65.7 | hsl(212.4,78.3%,65.7%) |
HSV (or HSB) | 212.4°, 58.1, 92.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.395, 1.3, -43.291 |
---|---|
XYZ | 33.203, 34.547, 84.271 |
xyY | 0.218, 0.227, 34.547 |
CIE-LCH | 65.395, 43.31, 271.721 |
CIE-LUV | 65.395, -27.798, -69.473 |
Hunter-Lab | 58.777, -2.026, -43.862 |
Binary | 01100011, 10100010, 11101100 |
Color Schemes with #63a2ec
Alternatives to #63a2ec
Below, you can see some colors close to #63a2ec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63a2ec Preview
This text has a font color of #63a2ec.
<span style="color:#63a2ec;">Text here</span>
This paragraph has a background color of #63a2ec.
<p style="background-color:#63a2ec;">Content here</p>
This element has a border color of #63a2ec.
<div style="border:1px solid #63a2ec;">Content here</div>
.text {color:#63a2ec;}
.background {background-color:#63a2ec;}
.border {border:1px solid #63a2ec;}
Shades and Tints of #63a2ec
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, #000101 is the darkest color, while #eff5fd is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#020a13
#020a13
rgb(2,10,19)
-
#041324
#041324
rgb(4,19,36)
-
#071c36
#071c36
rgb(7,28,54)
-
#092547
#092547
rgb(9,37,71)
-
#0b2f59
#0b2f59
rgb(11,47,89)
-
#0d386a
#0d386a
rgb(13,56,106)
-
#0f417c
#0f417c
rgb(15,65,124)
-
#114a8d
#114a8d
rgb(17,74,141)
-
#13539f
#13539f
rgb(19,83,159)
-
#155db0
#155db0
rgb(21,93,176)
-
#1866c2
#1866c2
rgb(24,102,194)
-
#1a6fd3
#1a6fd3
rgb(26,111,211)
-
#1d78e3
#1d78e3
rgb(29,120,227)
-
#2f83e6
#2f83e6
rgb(47,131,230)
-
#408de8
#408de8
rgb(64,141,232)
-
#5298ea
#5298ea
rgb(82,152,234)
-
#63a2ec
#63a2ec
rgb(99,162,236)
-
#74acee
#74acee
rgb(116,172,238)
-
#86b7f0
#86b7f0
rgb(134,183,240)
-
#97c1f2
#97c1f2
rgb(151,193,242)
-
#a9ccf5
#a9ccf5
rgb(169,204,245)
-
#bad6f7
#bad6f7
rgb(186,214,247)
-
#cce1f9
#cce1f9
rgb(204,225,249)
-
#ddebfb
#ddebfb
rgb(221,235,251)
-
#eff5fd
#eff5fd
rgb(239,245,253)
Tones of #63a2ec
A tone is produced by adding gray to any pure hue. In this case, #a6a7a9 is the less saturated color, while #56a1f9 is the most saturated one.
-
#a6a7a9
#a6a7a9
rgb(166,167,169)
-
#a0a7af
#a0a7af
rgb(160,167,175)
-
#99a6b6
#99a6b6
rgb(153,166,182)
-
#92a6bd
#92a6bd
rgb(146,166,189)
-
#8ba5c4
#8ba5c4
rgb(139,165,196)
-
#85a5ca
#85a5ca
rgb(133,165,202)
-
#7ea4d1
#7ea4d1
rgb(126,164,209)
-
#77a4d8
#77a4d8
rgb(119,164,216)
-
#70a3df
#70a3df
rgb(112,163,223)
-
#6aa3e5
#6aa3e5
rgb(106,163,229)
-
#63a2ec
#63a2ec
rgb(99,162,236)
-
#5ca1f3
#5ca1f3
rgb(92,161,243)
-
#56a1f9
#56a1f9
rgb(86,161,249)
Color Blindness Simulator
Below, you can see how #63a2ec 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.