#4affe2 Color Information
In a RGB color space, hex #4affe2 is composed of 29% red, 100% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 11.4% yellow and 0% black. It has a hue angle of 170.4 degrees, a saturation of 100% and a lightness of 64.5%. #4affe2 color hex could be obtained by blending #94ffff with #00ffc5. Closest websafe color is: #33ffcc.
-
- R 29
- G 100
- B 89
-
- C 71
- M 0
- Y 11
- K 0
● #4affe2 color description : Light cyan.
#4affe2 Color Conversion
The hexadecimal color #4affe2 has RGB values of R:74, G:255, B:226 and CMYK values of C:0.71, M:0, Y:0.11, K:0. Its decimal value is 4915170.
Hex triplet | 4affe2 | #4affe2 |
---|---|---|
RGB Decimal | 74, 255, 226 | rgb(74,255,226) |
RGB Percent | 29, 100, 88.6 | rgb(29%,100%,88.6%) |
CMYK | 71, 0, 11, 0 | |
HSL | 170.4°, 100, 64.5 | hsl(170.4,100%,64.5%) |
HSV (or HSB) | 170.4°, 71, 100 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 90.99, -51.423, 0.793 |
---|---|
XYZ | 52.307, 78.462, 84.335 |
xyY | 0.243, 0.365, 78.462 |
CIE-LCH | 90.99, 51.43, 179.117 |
CIE-LUV | 90.99, -67.05, 9.552 |
Hunter-Lab | 88.579, -49.606, 5.555 |
Binary | 01001010, 11111111, 11100010 |
Color Schemes with #4affe2
Alternatives to #4affe2
Below, you can see some colors close to #4affe2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4affe2 Preview
This text has a font color of #4affe2.
<span style="color:#4affe2;">Text here</span>
This paragraph has a background color of #4affe2.
<p style="background-color:#4affe2;">Content here</p>
This element has a border color of #4affe2.
<div style="border:1px solid #4affe2;">Content here</div>
.text {color:#4affe2;}
.background {background-color:#4affe2;}
.border {border:1px solid #4affe2;}
Shades and Tints of #4affe2
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, #000f0d is the darkest color, while #fbfffe is the lightest one.
-
#000f0d
#000f0d
rgb(0,15,13)
-
#00231d
#00231d
rgb(0,35,29)
-
#00362e
#00362e
rgb(0,54,46)
-
#004a3e
#004a3e
rgb(0,74,62)
-
#005e4f
#005e4f
rgb(0,94,79)
-
#00715f
#00715f
rgb(0,113,95)
-
#008570
#008570
rgb(0,133,112)
-
#009880
#009880
rgb(0,152,128)
-
#00ac91
#00ac91
rgb(0,172,145)
-
#00c0a1
#00c0a1
rgb(0,192,161)
-
#00d3b1
#00d3b1
rgb(0,211,177)
-
#00e7c2
#00e7c2
rgb(0,231,194)
-
#00fbd2
#00fbd2
rgb(0,251,210)
-
#0fffd9
#0fffd9
rgb(15,255,217)
-
#23ffdc
#23ffdc
rgb(35,255,220)
-
#36ffdf
#36ffdf
rgb(54,255,223)
-
#4affe2
#4affe2
rgb(74,255,226)
-
#5effe5
#5effe5
rgb(94,255,229)
-
#71ffe8
#71ffe8
rgb(113,255,232)
-
#85ffeb
#85ffeb
rgb(133,255,235)
-
#98ffef
#98ffef
rgb(152,255,239)
-
#acfff2
#acfff2
rgb(172,255,242)
-
#c0fff5
#c0fff5
rgb(192,255,245)
-
#d3fff8
#d3fff8
rgb(211,255,248)
-
#e7fffb
#e7fffb
rgb(231,255,251)
-
#fbfffe
#fbfffe
rgb(251,255,254)
Tones of #4affe2
A tone is produced by adding gray to any pure hue. In this case, #9eaba9 is the less saturated color, while #4affe2 is the most saturated one.
-
#9eaba9
#9eaba9
rgb(158,171,169)
-
#97b2ae
#97b2ae
rgb(151,178,174)
-
#90b9b3
#90b9b3
rgb(144,185,179)
-
#89c0b7
#89c0b7
rgb(137,192,183)
-
#82c7bc
#82c7bc
rgb(130,199,188)
-
#7bcec1
#7bcec1
rgb(123,206,193)
-
#74d5c6
#74d5c6
rgb(116,213,198)
-
#6ddcca
#6ddcca
rgb(109,220,202)
-
#66e3cf
#66e3cf
rgb(102,227,207)
-
#5fead4
#5fead4
rgb(95,234,212)
-
#58f1d9
#58f1d9
rgb(88,241,217)
-
#51f8dd
#51f8dd
rgb(81,248,221)
-
#4affe2
#4affe2
rgb(74,255,226)
Color Blindness Simulator
Below, you can see how #4affe2 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.