#4caae4 Color Information
In a RGB color space, hex #4caae4 is composed of 29.8% red, 66.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 25.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 202.9 degrees, a saturation of 73.8% and a lightness of 59.6%. #4caae4 color hex could be obtained by blending #98ffff with #0055c9. Closest websafe color is: #3399cc.
-
- R 30
- G 67
- B 89
-
- C 67
- M 25
- Y 0
- K 11
● #4caae4 color description : Soft blue.
#4caae4 Color Conversion
The hexadecimal color #4caae4 has RGB values of R:76, G:170, B:228 and CMYK values of C:0.67, M:0.25, Y:0, K:0.11. Its decimal value is 5024484.
Hex triplet | 4caae4 | #4caae4 |
---|---|---|
RGB Decimal | 76, 170, 228 | rgb(76,170,228) |
RGB Percent | 29.8, 66.7, 89.4 | rgb(29.8%,66.7%,89.4%) |
CMYK | 67, 25, 0, 11 | |
HSL | 202.9°, 73.8, 59.6 | hsl(202.9,73.8%,59.6%) |
HSV (or HSB) | 202.9°, 66.7, 89.4 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 66.432, -9.826, -37.34 |
---|---|
XYZ | 31.355, 35.885, 78.669 |
xyY | 0.215, 0.246, 35.885 |
CIE-LCH | 66.432, 38.611, 255.256 |
CIE-LUV | 66.432, -36.41, -58.255 |
Hunter-Lab | 59.904, -11.401, -35.929 |
Binary | 01001100, 10101010, 11100100 |
Color Schemes with #4caae4
Alternatives to #4caae4
Below, you can see some colors close to #4caae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4caae4 Preview
This text has a font color of #4caae4.
<span style="color:#4caae4;">Text here</span>
This paragraph has a background color of #4caae4.
<p style="background-color:#4caae4;">Content here</p>
This element has a border color of #4caae4.
<div style="border:1px solid #4caae4;">Content here</div>
.text {color:#4caae4;}
.background {background-color:#4caae4;}
.border {border:1px solid #4caae4;}
Shades and Tints of #4caae4
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, #010608 is the darkest color, while #f6fbfe is the lightest one.
-
#010608
#010608
rgb(1,6,8)
-
#04111a
#04111a
rgb(4,17,26)
-
#061d2b
#061d2b
rgb(6,29,43)
-
#09283c
#09283c
rgb(9,40,60)
-
#0c344d
#0c344d
rgb(12,52,77)
-
#0e3f5e
#0e3f5e
rgb(14,63,94)
-
#114b6f
#114b6f
rgb(17,75,111)
-
#135680
#135680
rgb(19,86,128)
-
#166291
#166291
rgb(22,98,145)
-
#186da2
#186da2
rgb(24,109,162)
-
#1b79b3
#1b79b3
rgb(27,121,179)
-
#1e84c4
#1e84c4
rgb(30,132,196)
-
#2090d5
#2090d5
rgb(32,144,213)
-
#2a9adf
#2a9adf
rgb(42,154,223)
-
#3ba2e1
#3ba2e1
rgb(59,162,225)
-
#4caae4
#4caae4
rgb(76,170,228)
-
#5db2e7
#5db2e7
rgb(93,178,231)
-
#6ebae9
#6ebae9
rgb(110,186,233)
-
#7fc2ec
#7fc2ec
rgb(127,194,236)
-
#90caee
#90caee
rgb(144,202,238)
-
#a1d2f1
#a1d2f1
rgb(161,210,241)
-
#b2dbf3
#b2dbf3
rgb(178,219,243)
-
#c3e3f6
#c3e3f6
rgb(195,227,246)
-
#d4ebf9
#d4ebf9
rgb(212,235,249)
-
#e5f3fb
#e5f3fb
rgb(229,243,251)
-
#f6fbfe
#f6fbfe
rgb(246,251,254)
Tones of #4caae4
A tone is produced by adding gray to any pure hue. In this case, #93999d is the less saturated color, while #34b0fc is the most saturated one.
-
#93999d
#93999d
rgb(147,153,157)
-
#8b9ba5
#8b9ba5
rgb(139,155,165)
-
#839dad
#839dad
rgb(131,157,173)
-
#7c9fb4
#7c9fb4
rgb(124,159,180)
-
#74a1bc
#74a1bc
rgb(116,161,188)
-
#6ca2c4
#6ca2c4
rgb(108,162,196)
-
#64a4cc
#64a4cc
rgb(100,164,204)
-
#5ca6d4
#5ca6d4
rgb(92,166,212)
-
#54a8dc
#54a8dc
rgb(84,168,220)
-
#4caae4
#4caae4
rgb(76,170,228)
-
#44acec
#44acec
rgb(68,172,236)
-
#3caef4
#3caef4
rgb(60,174,244)
-
#34b0fc
#34b0fc
rgb(52,176,252)
Color Blindness Simulator
Below, you can see how #4caae4 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.