#4caaf1 Color Information
In a RGB color space, hex #4caaf1 is composed of 29.8% red, 66.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 29.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 205.8 degrees, a saturation of 85.5% and a lightness of 62.2%. #4caaf1 color hex could be obtained by blending #98ffff with #0055e3. Closest websafe color is: #3399ff.
-
- R 30
- G 67
- B 95
-
- C 68
- M 29
- Y 0
- K 5
● #4caaf1 color description : Soft blue.
#4caaf1 Color Conversion
The hexadecimal color #4caaf1 has RGB values of R:76, G:170, B:241 and CMYK values of C:0.68, M:0.29, Y:0, K:0.05. Its decimal value is 5024497.
Hex triplet | 4caaf1 | #4caaf1 |
---|---|---|
RGB Decimal | 76, 170, 241 | rgb(76,170,241) |
RGB Percent | 29.8, 66.7, 94.5 | rgb(29.8%,66.7%,94.5%) |
CMYK | 68, 29, 0, 5 | |
HSL | 205.8°, 85.5, 62.2 | hsl(205.8,85.5%,62.2%) |
HSV (or HSB) | 205.8°, 68.5, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.002, -5.535, -43.566 |
---|---|
XYZ | 33.229, 36.634, 88.534 |
xyY | 0.21, 0.231, 36.634 |
CIE-LCH | 67.002, 43.916, 262.759 |
CIE-LUV | 67.002, -35.856, -69.41 |
Hunter-Lab | 60.526, -7.925, -44.357 |
Binary | 01001100, 10101010, 11110001 |
Color Schemes with #4caaf1
Alternatives to #4caaf1
Below, you can see some colors close to #4caaf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4caaf1 Preview
This text has a font color of #4caaf1.
<span style="color:#4caaf1;">Text here</span>
This paragraph has a background color of #4caaf1.
<p style="background-color:#4caaf1;">Content here</p>
This element has a border color of #4caaf1.
<div style="border:1px solid #4caaf1;">Content here</div>
.text {color:#4caaf1;}
.background {background-color:#4caaf1;}
.border {border:1px solid #4caaf1;}
Shades and Tints of #4caaf1
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, #000203 is the darkest color, while #f0f8fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#020d15
#020d15
rgb(2,13,21)
-
#031827
#031827
rgb(3,24,39)
-
#04233a
#04233a
rgb(4,35,58)
-
#062e4c
#062e4c
rgb(6,46,76)
-
#07395e
#07395e
rgb(7,57,94)
-
#094470
#094470
rgb(9,68,112)
-
#0a4f82
#0a4f82
rgb(10,79,130)
-
#0c5a94
#0c5a94
rgb(12,90,148)
-
#0d65a7
#0d65a7
rgb(13,101,167)
-
#0e70b9
#0e70b9
rgb(14,112,185)
-
#107bcb
#107bcb
rgb(16,123,203)
-
#1185dd
#1185dd
rgb(17,133,221)
-
#1590ed
#1590ed
rgb(21,144,237)
-
#2899ee
#2899ee
rgb(40,153,238)
-
#3aa1f0
#3aa1f0
rgb(58,161,240)
-
#4caaf1
#4caaf1
rgb(76,170,241)
-
#5eb3f2
#5eb3f2
rgb(94,179,242)
-
#70bbf4
#70bbf4
rgb(112,187,244)
-
#83c4f5
#83c4f5
rgb(131,196,245)
-
#95cdf7
#95cdf7
rgb(149,205,247)
-
#a7d5f8
#a7d5f8
rgb(167,213,248)
-
#b9defa
#b9defa
rgb(185,222,250)
-
#cbe6fb
#cbe6fb
rgb(203,230,251)
-
#deeffc
#deeffc
rgb(222,239,252)
-
#f0f8fe
#f0f8fe
rgb(240,248,254)
Tones of #4caaf1
A tone is produced by adding gray to any pure hue. In this case, #9e9f9f is the less saturated color, while #45abf8 is the most saturated one.
-
#9e9f9f
#9e9f9f
rgb(158,159,159)
-
#96a0a7
#96a0a7
rgb(150,160,167)
-
#8fa1ae
#8fa1ae
rgb(143,161,174)
-
#87a2b6
#87a2b6
rgb(135,162,182)
-
#80a3bd
#80a3bd
rgb(128,163,189)
-
#79a4c4
#79a4c4
rgb(121,164,196)
-
#71a5cc
#71a5cc
rgb(113,165,204)
-
#6aa6d3
#6aa6d3
rgb(106,166,211)
-
#62a7db
#62a7db
rgb(98,167,219)
-
#5ba8e2
#5ba8e2
rgb(91,168,226)
-
#53a9ea
#53a9ea
rgb(83,169,234)
-
#4caaf1
#4caaf1
rgb(76,170,241)
-
#45abf8
#45abf8
rgb(69,171,248)
Color Blindness Simulator
Below, you can see how #4caaf1 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.