#63baf3 Color Information
In a RGB color space, hex #63baf3 is composed of 38.8% red, 72.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 23.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 203.8 degrees, a saturation of 85.7% and a lightness of 67.1%. #63baf3 color hex could be obtained by blending #c6ffff with #0075e7. Closest websafe color is: #66ccff.
-
- R 39
- G 73
- B 95
-
- C 59
- M 23
- Y 0
- K 5
● #63baf3 color description : Soft blue.
#63baf3 Color Conversion
The hexadecimal color #63baf3 has RGB values of R:99, G:186, B:243 and CMYK values of C:0.59, M:0.23, Y:0, K:0.05. Its decimal value is 6535923.
Hex triplet | 63baf3 | #63baf3 |
---|---|---|
RGB Decimal | 99, 186, 243 | rgb(99,186,243) |
RGB Percent | 38.8, 72.9, 95.3 | rgb(38.8%,72.9%,95.3%) |
CMYK | 59, 23, 0, 5 | |
HSL | 203.8°, 85.7, 67.1 | hsl(203.8,85.7%,67.1%) |
HSV (or HSB) | 203.8°, 59.3, 95.3 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 72.388, -9.824, -36.189 |
---|---|
XYZ | 38.878, 44.239, 91.279 |
xyY | 0.223, 0.254, 44.239 |
CIE-LCH | 72.388, 37.499, 254.813 |
CIE-LUV | 72.388, -36.279, -56.953 |
Hunter-Lab | 66.512, -12.059, -34.809 |
Binary | 01100011, 10111010, 11110011 |
Color Schemes with #63baf3
Alternatives to #63baf3
Below, you can see some colors close to #63baf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63baf3 Preview
This text has a font color of #63baf3.
<span style="color:#63baf3;">Text here</span>
This paragraph has a background color of #63baf3.
<p style="background-color:#63baf3;">Content here</p>
This element has a border color of #63baf3.
<div style="border:1px solid #63baf3;">Content here</div>
.text {color:#63baf3;}
.background {background-color:#63baf3;}
.border {border:1px solid #63baf3;}
Shades and Tints of #63baf3
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, #010508 is the darkest color, while #f5fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#02111a
#02111a
rgb(2,17,26)
-
#031c2c
#031c2c
rgb(3,28,44)
-
#05283f
#05283f
rgb(5,40,63)
-
#063351
#063351
rgb(6,51,81)
-
#083f63
#083f63
rgb(8,63,99)
-
#094a75
#094a75
rgb(9,74,117)
-
#0a5687
#0a5687
rgb(10,86,135)
-
#0c629a
#0c629a
rgb(12,98,154)
-
#0d6dac
#0d6dac
rgb(13,109,172)
-
#0f79be
#0f79be
rgb(15,121,190)
-
#1084d0
#1084d0
rgb(16,132,208)
-
#1190e3
#1190e3
rgb(17,144,227)
-
#1a9aed
#1a9aed
rgb(26,154,237)
-
#2ca2ef
#2ca2ef
rgb(44,162,239)
-
#3faaf0
#3faaf0
rgb(63,170,240)
-
#51b2f2
#51b2f2
rgb(81,178,242)
-
#63baf3
#63baf3
rgb(99,186,243)
-
#75c2f4
#75c2f4
rgb(117,194,244)
-
#87caf6
#87caf6
rgb(135,202,246)
-
#9ad2f7
#9ad2f7
rgb(154,210,247)
-
#acdaf9
#acdaf9
rgb(172,218,249)
-
#bee2fa
#bee2fa
rgb(190,226,250)
-
#d0eafb
#d0eafb
rgb(208,234,251)
-
#e3f2fd
#e3f2fd
rgb(227,242,253)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #63baf3
A tone is produced by adding gray to any pure hue. In this case, #aaabac is the less saturated color, while #5dbbf9 is the most saturated one.
-
#aaabac
#aaabac
rgb(170,171,172)
-
#a4adb2
#a4adb2
rgb(164,173,178)
-
#9daeb9
#9daeb9
rgb(157,174,185)
-
#97afbf
#97afbf
rgb(151,175,191)
-
#90b1c6
#90b1c6
rgb(144,177,198)
-
#8ab2cc
#8ab2cc
rgb(138,178,204)
-
#83b3d3
#83b3d3
rgb(131,179,211)
-
#7db5d9
#7db5d9
rgb(125,181,217)
-
#76b6e0
#76b6e0
rgb(118,182,224)
-
#70b7e6
#70b7e6
rgb(112,183,230)
-
#69b9ed
#69b9ed
rgb(105,185,237)
-
#63baf3
#63baf3
rgb(99,186,243)
-
#5dbbf9
#5dbbf9
rgb(93,187,249)
Color Blindness Simulator
Below, you can see how #63baf3 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.