#63b4e2 Color Information
In a RGB color space, hex #63b4e2 is composed of 38.8% red, 70.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 56.2% cyan, 20.4% magenta, 0% yellow and 11.4% black. It has a hue angle of 201.7 degrees, a saturation of 68.6% and a lightness of 63.7%. #63b4e2 color hex could be obtained by blending #c6ffff with #0069c5. Closest websafe color is: #66cccc.
-
- R 39
- G 71
- B 89
-
- C 56
- M 20
- Y 0
- K 11
● #63b4e2 color description : Soft blue.
#63b4e2 Color Conversion
The hexadecimal color #63b4e2 has RGB values of R:99, G:180, B:226 and CMYK values of C:0.56, M:0.2, Y:0, K:0.11. Its decimal value is 6534370.
Hex triplet | 63b4e2 | #63b4e2 |
---|---|---|
RGB Decimal | 99, 180, 226 | rgb(99,180,226) |
RGB Percent | 38.8, 70.6, 88.6 | rgb(38.8%,70.6%,88.6%) |
CMYK | 56, 20, 0, 11 | |
HSL | 201.7°, 68.6, 63.7 | hsl(201.7,68.6%,63.7%) |
HSV (or HSB) | 201.7°, 56.2, 88.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 70.024, -11.761, -30.61 |
---|---|
XYZ | 35.191, 40.784, 77.965 |
xyY | 0.229, 0.265, 40.784 |
CIE-LCH | 70.024, 32.791, 248.982 |
CIE-LUV | 70.024, -34.623, -46.998 |
Hunter-Lab | 63.862, -13.397, -27.679 |
Binary | 01100011, 10110100, 11100010 |
Color Schemes with #63b4e2
Alternatives to #63b4e2
Below, you can see some colors close to #63b4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63b4e2 Preview
This text has a font color of #63b4e2.
<span style="color:#63b4e2;">Text here</span>
This paragraph has a background color of #63b4e2.
<p style="background-color:#63b4e2;">Content here</p>
This element has a border color of #63b4e2.
<div style="border:1px solid #63b4e2;">Content here</div>
.text {color:#63b4e2;}
.background {background-color:#63b4e2;}
.border {border:1px solid #63b4e2;}
Shades and Tints of #63b4e2
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, #020709 is the darkest color, while #f8fcfe is the lightest one.
-
#020709
#020709
rgb(2,7,9)
-
#05121a
#05121a
rgb(5,18,26)
-
#081e2a
#081e2a
rgb(8,30,42)
-
#0b2a3b
#0b2a3b
rgb(11,42,59)
-
#0e354c
#0e354c
rgb(14,53,76)
-
#11415c
#11415c
rgb(17,65,92)
-
#144d6d
#144d6d
rgb(20,77,109)
-
#17587d
#17587d
rgb(23,88,125)
-
#1a648e
#1a648e
rgb(26,100,142)
-
#1d709e
#1d709e
rgb(29,112,158)
-
#207baf
#207baf
rgb(32,123,175)
-
#2487bf
#2487bf
rgb(36,135,191)
-
#2793d0
#2793d0
rgb(39,147,208)
-
#319cd9
#319cd9
rgb(49,156,217)
-
#42a4dc
#42a4dc
rgb(66,164,220)
-
#52acdf
#52acdf
rgb(82,172,223)
-
#63b4e2
#63b4e2
rgb(99,180,226)
-
#74bce5
#74bce5
rgb(116,188,229)
-
#84c4e8
#84c4e8
rgb(132,196,232)
-
#95cceb
#95cceb
rgb(149,204,235)
-
#a5d4ee
#a5d4ee
rgb(165,212,238)
-
#b6dcf1
#b6dcf1
rgb(182,220,241)
-
#c6e4f4
#c6e4f4
rgb(198,228,244)
-
#d7ecf8
#d7ecf8
rgb(215,236,248)
-
#e7f4fb
#e7f4fb
rgb(231,244,251)
-
#f8fcfe
#f8fcfe
rgb(248,252,254)
Tones of #63b4e2
A tone is produced by adding gray to any pure hue. In this case, #9ca4a9 is the less saturated color, while #47bcfe is the most saturated one.
-
#9ca4a9
#9ca4a9
rgb(156,164,169)
-
#95a6b0
#95a6b0
rgb(149,166,176)
-
#8ea8b7
#8ea8b7
rgb(142,168,183)
-
#87aabe
#87aabe
rgb(135,170,190)
-
#7facc6
#7facc6
rgb(127,172,198)
-
#78aecd
#78aecd
rgb(120,174,205)
-
#71b0d4
#71b0d4
rgb(113,176,212)
-
#6ab2db
#6ab2db
rgb(106,178,219)
-
#63b4e2
#63b4e2
rgb(99,180,226)
-
#5cb6e9
#5cb6e9
rgb(92,182,233)
-
#55b8f0
#55b8f0
rgb(85,184,240)
-
#4ebaf7
#4ebaf7
rgb(78,186,247)
-
#47bcfe
#47bcfe
rgb(71,188,254)
Color Blindness Simulator
Below, you can see how #63b4e2 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.