#04afe2 Color Information
In a RGB color space, hex #04afe2 is composed of 1.6% red, 68.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 22.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 193.8 degrees, a saturation of 96.5% and a lightness of 45.1%. #04afe2 color hex could be obtained by blending #08ffff with #005fc5. Closest websafe color is: #0099cc.
-
- R 2
- G 69
- B 89
-
- C 98
- M 23
- Y 0
- K 11
● #04afe2 color description : Vivid cyan.
#04afe2 Color Conversion
The hexadecimal color #04afe2 has RGB values of R:4, G:175, B:226 and CMYK values of C:0.98, M:0.23, Y:0, K:0.11. Its decimal value is 307170.
Hex triplet | 04afe2 | #04afe2 |
---|---|---|
RGB Decimal | 4, 175, 226 | rgb(4,175,226) |
RGB Percent | 1.6, 68.6, 88.6 | rgb(1.6%,68.6%,88.6%) |
CMYK | 98, 23, 0, 11 | |
HSL | 193.8°, 96.5, 45.1 | hsl(193.8,96.5%,45.1%) |
HSV (or HSB) | 193.8°, 98.2, 88.6 | |
Web Safe | 0099cc | #0099cc |
CIE-LAB | 66.653, -19.253, -35.986 |
---|---|
XYZ | 29.104, 36.174, 77.396 |
xyY | 0.204, 0.254, 36.174 |
CIE-LCH | 66.653, 40.813, 241.853 |
CIE-LUV | 66.653, -45.946, -54.895 |
Hunter-Lab | 60.145, -18.878, -34.194 |
Binary | 00000100, 10101111, 11100010 |
Color Schemes with #04afe2
Alternatives to #04afe2
Below, you can see some colors close to #04afe2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#04afe2 Preview
This text has a font color of #04afe2.
<span style="color:#04afe2;">Text here</span>
This paragraph has a background color of #04afe2.
<p style="background-color:#04afe2;">Content here</p>
This element has a border color of #04afe2.
<div style="border:1px solid #04afe2;">Content here</div>
.text {color:#04afe2;}
.background {background-color:#04afe2;}
.border {border:1px solid #04afe2;}
Shades and Tints of #04afe2
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)
-
#011a21
#011a21
rgb(1,26,33)
-
#012935
#012935
rgb(1,41,53)
-
#013848
#013848
rgb(1,56,72)
-
#02475b
#02475b
rgb(2,71,91)
-
#02556e
#02556e
rgb(2,85,110)
-
#026482
#026482
rgb(2,100,130)
-
#037395
#037395
rgb(3,115,149)
-
#0382a8
#0382a8
rgb(3,130,168)
-
#0391bb
#0391bb
rgb(3,145,187)
-
#04a0cf
#04a0cf
rgb(4,160,207)
-
#04afe2
#04afe2
rgb(4,175,226)
-
#04bef5
#04bef5
rgb(4,190,245)
-
#12c5fb
#12c5fb
rgb(18,197,251)
-
#26cafb
#26cafb
rgb(38,202,251)
-
#39cffb
#39cffb
rgb(57,207,251)
-
#4cd3fc
#4cd3fc
rgb(76,211,252)
-
#60d8fc
#60d8fc
rgb(96,216,252)
-
#73ddfd
#73ddfd
rgb(115,221,253)
-
#86e2fd
#86e2fd
rgb(134,226,253)
-
#99e6fd
#99e6fd
rgb(153,230,253)
-
#adebfe
#adebfe
rgb(173,235,254)
-
#c0f0fe
#c0f0fe
rgb(192,240,254)
-
#d3f4fe
#d3f4fe
rgb(211,244,254)
-
#e6f9ff
#e6f9ff
rgb(230,249,255)
-
#fafeff
#fafeff
rgb(250,254,255)
Tones of #04afe2
A tone is produced by adding gray to any pure hue. In this case, #6e7678 is the less saturated color, while #04afe2 is the most saturated one.
-
#6e7678
#6e7678
rgb(110,118,120)
-
#657a81
#657a81
rgb(101,122,129)
-
#5c7f8a
#5c7f8a
rgb(92,127,138)
-
#548492
#548492
rgb(84,132,146)
-
#4b899b
#4b899b
rgb(75,137,155)
-
#428ea4
#428ea4
rgb(66,142,164)
-
#3992ad
#3992ad
rgb(57,146,173)
-
#3097b6
#3097b6
rgb(48,151,182)
-
#279cbf
#279cbf
rgb(39,156,191)
-
#1fa1c7
#1fa1c7
rgb(31,161,199)
-
#16a5d0
#16a5d0
rgb(22,165,208)
-
#0daad9
#0daad9
rgb(13,170,217)
-
#04afe2
#04afe2
rgb(4,175,226)
Color Blindness Simulator
Below, you can see how #04afe2 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.