#04ade2 Color Information
In a RGB color space, hex #04ade2 is composed of 1.6% red, 67.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 23.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 194.3 degrees, a saturation of 96.5% and a lightness of 45.1%. #04ade2 color hex could be obtained by blending #08ffff with #005bc5. Closest websafe color is: #0099cc.
-
- R 2
- G 68
- B 89
-
- C 98
- M 23
- Y 0
- K 11
● #04ade2 color description : Vivid cyan.
#04ade2 Color Conversion
The hexadecimal color #04ade2 has RGB values of R:4, G:173, B:226 and CMYK values of C:0.98, M:0.23, Y:0, K:0.11. Its decimal value is 306658.
Hex triplet | 04ade2 | #04ade2 |
---|---|---|
RGB Decimal | 4, 173, 226 | rgb(4,173,226) |
RGB Percent | 1.6, 67.8, 88.6 | rgb(1.6%,67.8%,88.6%) |
CMYK | 98, 23, 0, 11 | |
HSL | 194.3°, 96.5, 45.1 | hsl(194.3,96.5%,45.1%) |
HSV (or HSB) | 194.3°, 98.2, 88.6 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 66.06, -18.195, -36.909 |
---|---|
XYZ | 28.717, 35.401, 77.267 |
xyY | 0.203, 0.25, 35.401 |
CIE-LCH | 66.06, 41.151, 243.758 |
CIE-LUV | 66.06, -45.272, -56.52 |
Hunter-Lab | 59.499, -17.969, -35.346 |
Binary | 00000100, 10101101, 11100010 |
Color Schemes with #04ade2
Alternatives to #04ade2
Below, you can see some colors close to #04ade2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#04ade2 Preview
This text has a font color of #04ade2.
<span style="color:#04ade2;">Text here</span>
This paragraph has a background color of #04ade2.
<p style="background-color:#04ade2;">Content here</p>
This element has a border color of #04ade2.
<div style="border:1px solid #04ade2;">Content here</div>
.text {color:#04ade2;}
.background {background-color:#04ade2;}
.border {border:1px solid #04ade2;}
Shades and Tints of #04ade2
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, #000b0e is the darkest color, while #fafeff is the lightest one.
-
#000b0e
#000b0e
rgb(0,11,14)
-
#011921
#011921
rgb(1,25,33)
-
#012835
#012835
rgb(1,40,53)
-
#013748
#013748
rgb(1,55,72)
-
#02465b
#02465b
rgb(2,70,91)
-
#02546e
#02546e
rgb(2,84,110)
-
#026382
#026382
rgb(2,99,130)
-
#037295
#037295
rgb(3,114,149)
-
#0381a8
#0381a8
rgb(3,129,168)
-
#038fbb
#038fbb
rgb(3,143,187)
-
#049ecf
#049ecf
rgb(4,158,207)
-
#04ade2
#04ade2
rgb(4,173,226)
-
#04bcf5
#04bcf5
rgb(4,188,245)
-
#12c3fb
#12c3fb
rgb(18,195,251)
-
#26c8fb
#26c8fb
rgb(38,200,251)
-
#39cdfb
#39cdfb
rgb(57,205,251)
-
#4cd2fc
#4cd2fc
rgb(76,210,252)
-
#60d7fc
#60d7fc
rgb(96,215,252)
-
#73dcfd
#73dcfd
rgb(115,220,253)
-
#86e0fd
#86e0fd
rgb(134,224,253)
-
#99e5fd
#99e5fd
rgb(153,229,253)
-
#adeafe
#adeafe
rgb(173,234,254)
-
#c0effe
#c0effe
rgb(192,239,254)
-
#d3f4fe
#d3f4fe
rgb(211,244,254)
-
#e6f9ff
#e6f9ff
rgb(230,249,255)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #04ade2
A tone is produced by adding gray to any pure hue. In this case, #6e7678 is the less saturated color, while #04ade2 is the most saturated one.
-
#6e7678
#6e7678
rgb(110,118,120)
-
#657a81
#657a81
rgb(101,122,129)
-
#5c7f8a
#5c7f8a
rgb(92,127,138)
-
#548392
#548392
rgb(84,131,146)
-
#4b889b
#4b889b
rgb(75,136,155)
-
#428da4
#428da4
rgb(66,141,164)
-
#3991ad
#3991ad
rgb(57,145,173)
-
#3096b6
#3096b6
rgb(48,150,182)
-
#279bbf
#279bbf
rgb(39,155,191)
-
#1f9fc7
#1f9fc7
rgb(31,159,199)
-
#16a4d0
#16a4d0
rgb(22,164,208)
-
#0da8d9
#0da8d9
rgb(13,168,217)
-
#04ade2
#04ade2
rgb(4,173,226)
Color Blindness Simulator
Below, you can see how #04ade2 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.