#4ab4ff Color Information
In a RGB color space, hex #4ab4ff is composed of 29% red, 70.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 29.4% magenta, 0% yellow and 0% black. It has a hue angle of 204.9 degrees, a saturation of 100% and a lightness of 64.5%. #4ab4ff color hex could be obtained by blending #94ffff with #0069ff. Closest websafe color is: #33ccff.
-
- R 29
- G 71
- B 100
-
- C 71
- M 29
- Y 0
- K 0
● #4ab4ff color description : Light blue.
#4ab4ff Color Conversion
The hexadecimal color #4ab4ff has RGB values of R:74, G:180, B:255 and CMYK values of C:0.71, M:0.29, Y:0, K:0. Its decimal value is 4895999.
Hex triplet | 4ab4ff | #4ab4ff |
---|---|---|
RGB Decimal | 74, 180, 255 | rgb(74,180,255) |
RGB Percent | 29, 70.6, 100 | rgb(29%,70.6%,100%) |
CMYK | 71, 29, 0, 0 | |
HSL | 204.9°, 100, 64.5 | hsl(204.9,100%,64.5%) |
HSV (or HSB) | 204.9°, 71, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.396, -6.689, -45.846 |
---|---|
XYZ | 37.191, 41.315, 100.617 |
xyY | 0.208, 0.231, 41.315 |
CIE-LCH | 70.396, 46.331, 261.7 |
CIE-LUV | 70.396, -39.058, -73.678 |
Hunter-Lab | 64.277, -9.204, -47.816 |
Binary | 01001010, 10110100, 11111111 |
Color Schemes with #4ab4ff
Alternatives to #4ab4ff
Below, you can see some colors close to #4ab4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4ab4ff Preview
This text has a font color of #4ab4ff.
<span style="color:#4ab4ff;">Text here</span>
This paragraph has a background color of #4ab4ff.
<p style="background-color:#4ab4ff;">Content here</p>
This element has a border color of #4ab4ff.
<div style="border:1px solid #4ab4ff;">Content here</div>
.text {color:#4ab4ff;}
.background {background-color:#4ab4ff;}
.border {border:1px solid #4ab4ff;}
Shades and Tints of #4ab4ff
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, #00090f is the darkest color, while #fbfdff is the lightest one.
-
#00090f
#00090f
rgb(0,9,15)
-
#001423
#001423
rgb(0,20,35)
-
#002036
#002036
rgb(0,32,54)
-
#002b4a
#002b4a
rgb(0,43,74)
-
#00375e
#00375e
rgb(0,55,94)
-
#004271
#004271
rgb(0,66,113)
-
#004e85
#004e85
rgb(0,78,133)
-
#005998
#005998
rgb(0,89,152)
-
#0065ac
#0065ac
rgb(0,101,172)
-
#0070c0
#0070c0
rgb(0,112,192)
-
#007cd3
#007cd3
rgb(0,124,211)
-
#0087e7
#0087e7
rgb(0,135,231)
-
#0093fb
#0093fb
rgb(0,147,251)
-
#0f9cff
#0f9cff
rgb(15,156,255)
-
#23a4ff
#23a4ff
rgb(35,164,255)
-
#36acff
#36acff
rgb(54,172,255)
-
#4ab4ff
#4ab4ff
rgb(74,180,255)
-
#5ebcff
#5ebcff
rgb(94,188,255)
-
#71c4ff
#71c4ff
rgb(113,196,255)
-
#85ccff
#85ccff
rgb(133,204,255)
-
#98d5ff
#98d5ff
rgb(152,213,255)
-
#acddff
#acddff
rgb(172,221,255)
-
#c0e5ff
#c0e5ff
rgb(192,229,255)
-
#d3edff
#d3edff
rgb(211,237,255)
-
#e7f5ff
#e7f5ff
rgb(231,245,255)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #4ab4ff
A tone is produced by adding gray to any pure hue. In this case, #9ea6ab is the less saturated color, while #4ab4ff is the most saturated one.
-
#9ea6ab
#9ea6ab
rgb(158,166,171)
-
#97a7b2
#97a7b2
rgb(151,167,178)
-
#90a8b9
#90a8b9
rgb(144,168,185)
-
#89a9c0
#89a9c0
rgb(137,169,192)
-
#82aac7
#82aac7
rgb(130,170,199)
-
#7bacce
#7bacce
rgb(123,172,206)
-
#74add5
#74add5
rgb(116,173,213)
-
#6daedc
#6daedc
rgb(109,174,220)
-
#66afe3
#66afe3
rgb(102,175,227)
-
#5fb0ea
#5fb0ea
rgb(95,176,234)
-
#58b2f1
#58b2f1
rgb(88,178,241)
-
#51b3f8
#51b3f8
rgb(81,179,248)
-
#4ab4ff
#4ab4ff
rgb(74,180,255)
Color Blindness Simulator
Below, you can see how #4ab4ff 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.