#63b2f0 Color Information
In a RGB color space, hex #63b2f0 is composed of 38.8% red, 69.8% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 25.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 206.4 degrees, a saturation of 82.5% and a lightness of 66.5%. #63b2f0 color hex could be obtained by blending #c6ffff with #0065e1. Closest websafe color is: #6699ff.
-
- R 39
- G 70
- B 94
-
- C 59
- M 26
- Y 0
- K 6
● #63b2f0 color description : Soft blue.
#63b2f0 Color Conversion
The hexadecimal color #63b2f0 has RGB values of R:99, G:178, B:240 and CMYK values of C:0.59, M:0.26, Y:0, K:0.06. Its decimal value is 6533872.
Hex triplet | 63b2f0 | #63b2f0 |
---|---|---|
RGB Decimal | 99, 178, 240 | rgb(99,178,240) |
RGB Percent | 38.8, 69.8, 94.1 | rgb(38.8%,69.8%,94.1%) |
CMYK | 59, 26, 0, 6 | |
HSL | 206.4°, 82.5, 66.5 | hsl(206.4,82.5%,66.5%) |
HSV (or HSB) | 206.4°, 58.8, 94.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 70.023, -6.397, -38.239 |
---|---|
XYZ | 36.79, 40.782, 88.366 |
xyY | 0.222, 0.246, 40.782 |
CIE-LCH | 70.023, 38.77, 260.502 |
CIE-LUV | 70.023, -33.467, -60.621 |
Hunter-Lab | 63.861, -8.923, -37.339 |
Binary | 01100011, 10110010, 11110000 |
Color Schemes with #63b2f0
Alternatives to #63b2f0
Below, you can see some colors close to #63b2f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#63b2f0 Preview
This text has a font color of #63b2f0.
<span style="color:#63b2f0;">Text here</span>
This paragraph has a background color of #63b2f0.
<p style="background-color:#63b2f0;">Content here</p>
This element has a border color of #63b2f0.
<div style="border:1px solid #63b2f0;">Content here</div>
.text {color:#63b2f0;}
.background {background-color:#63b2f0;}
.border {border:1px solid #63b2f0;}
Shades and Tints of #63b2f0
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, #000305 is the darkest color, while #f2f9fe is the lightest one.
-
#000305
#000305
rgb(0,3,5)
-
#020e17
#020e17
rgb(2,14,23)
-
#041929
#041929
rgb(4,25,41)
-
#06233b
#06233b
rgb(6,35,59)
-
#072e4d
#072e4d
rgb(7,46,77)
-
#09395f
#09395f
rgb(9,57,95)
-
#0b4470
#0b4470
rgb(11,68,112)
-
#0d4f82
#0d4f82
rgb(13,79,130)
-
#0e5994
#0e5994
rgb(14,89,148)
-
#1064a6
#1064a6
rgb(16,100,166)
-
#126fb8
#126fb8
rgb(18,111,184)
-
#137aca
#137aca
rgb(19,122,202)
-
#1584dc
#1584dc
rgb(21,132,220)
-
#1b8fe9
#1b8fe9
rgb(27,143,233)
-
#2d98eb
#2d98eb
rgb(45,152,235)
-
#3fa0ed
#3fa0ed
rgb(63,160,237)
-
#51a9ee
#51a9ee
rgb(81,169,238)
-
#63b2f0
#63b2f0
rgb(99,178,240)
-
#75bbf2
#75bbf2
rgb(117,187,242)
-
#87c4f3
#87c4f3
rgb(135,196,243)
-
#99ccf5
#99ccf5
rgb(153,204,245)
-
#abd5f7
#abd5f7
rgb(171,213,247)
-
#bcdef9
#bcdef9
rgb(188,222,249)
-
#cee7fa
#cee7fa
rgb(206,231,250)
-
#e0f0fc
#e0f0fc
rgb(224,240,252)
-
#f2f9fe
#f2f9fe
rgb(242,249,254)
Tones of #63b2f0
A tone is produced by adding gray to any pure hue. In this case, #a5aaae is the less saturated color, while #56b4fd is the most saturated one.
-
#a5aaae
#a5aaae
rgb(165,170,174)
-
#9eabb5
#9eabb5
rgb(158,171,181)
-
#98acbb
#98acbb
rgb(152,172,187)
-
#91acc2
#91acc2
rgb(145,172,194)
-
#8aadc9
#8aadc9
rgb(138,173,201)
-
#84aecf
#84aecf
rgb(132,174,207)
-
#7dafd6
#7dafd6
rgb(125,175,214)
-
#77b0dc
#77b0dc
rgb(119,176,220)
-
#70b0e3
#70b0e3
rgb(112,176,227)
-
#6ab1e9
#6ab1e9
rgb(106,177,233)
-
#63b2f0
#63b2f0
rgb(99,178,240)
-
#5cb3f7
#5cb3f7
rgb(92,179,247)
-
#56b4fd
#56b4fd
rgb(86,180,253)
Color Blindness Simulator
Below, you can see how #63b2f0 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.