#04e2f1 hex color

In a RGB color space, hex #04e2f1 is composed of 1.6% red, 88.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 6.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 183.8 degrees, a saturation of 96.7% and a lightness of 48%. #04e2f1 color hex could be obtained by blending #08ffff with #00c5e3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 89
- B 95
RGB color chart
- C 98
- M 6
- Y 0
- K 5
CMYK color chart

● #04e2f1 color description : Vivid cyan.

The hexadecimal color #04e2f1 has RGB values of R:4, G:226, B:241 and CMYK values of C:0.98, M:0.06, Y:0, K:0.05. Its decimal value is 320241.

Hex triplet	04e2f1	`#04e2f1`
RGB Decimal	4, 226, 241	`rgb(4,226,241)`
RGB Percent	1.6, 88.6, 94.5	`rgb(1.6%,88.6%,94.5%)`
CMYK	98, 6, 0, 5
HSL	183.8°, 96.7, 48	`hsl(183.8,96.7%,48%)`
HSV (or HSB)	183.8°, 98.3, 94.5
Web Safe	00ccff	`#00ccff`

CIE-LAB	82.252, -39.311, -20.135
XYZ	43.119, 60.765, 92.67
xyY	0.219, 0.309, 60.765
CIE-LCH	82.252, 44.167, 207.122
CIE-LUV	82.252, -61.924, -26.362
Hunter-Lab	77.952, -37.679, -15.919
Binary	00000100, 11100010, 11110001

#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#f11304
```
#f11304 rgb(241,19,4)
```

Complementary Color

#04f18a
```
#04f18a rgb(4,241,138)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#046cf1
```
#046cf1 rgb(4,108,241)
```

Analogous Color

#f18a04
```
#f18a04 rgb(241,138,4)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#f1046c
```
#f1046c rgb(241,4,108)
```

Split Complementary Color

#e2f104
```
#e2f104 rgb(226,241,4)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#f104e2
```
#f104e2 rgb(241,4,226)
```

Triadic Color

#04f113
```
#04f113 rgb(4,241,19)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#f104e2
```
#f104e2 rgb(241,4,226)
```
#f11304
```
#f11304 rgb(241,19,4)
```

Tetradic Color

#039ba6
```
#039ba6 rgb(3,155,166)
```
#03b3bf
```
#03b3bf rgb(3,179,191)
```
#04cad8
```
#04cad8 rgb(4,202,216)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#13ecfb
```
#13ecfb rgb(19,236,251)
```
#2ceefc
```
#2ceefc rgb(44,238,252)
```
#46f0fc
```
#46f0fc rgb(70,240,252)
```

Monochromatic Color

Below, you can see some colors close to #04e2f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#04f1c5
```
#04f1c5 rgb(4,241,197)
```
#04f1d9
```
#04f1d9 rgb(4,241,217)
```
#04f1ec
```
#04f1ec rgb(4,241,236)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```
#04cef1
```
#04cef1 rgb(4,206,241)
```
#04bbf1
```
#04bbf1 rgb(4,187,241)
```
#04a7f1
```
#04a7f1 rgb(4,167,241)
```

Similar Colors

Text with hexadecimal color #04e2f1

This text has a font color of #04e2f1.

<span style="color:#04e2f1;">Text here</span>

#04e2f1 background color

This paragraph has a background color of #04e2f1.

<p style="background-color:#04e2f1;">Content here</p>

#04e2f1 border color

This element has a border color of #04e2f1.

<div style="border:1px solid #04e2f1;">Content here</div>

CSS codes

.text {color:#04e2f1;}

.background {background-color:#04e2f1;}

.border {border:1px solid #04e2f1;}

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, #000909 is the darkest color, while #f5feff is the lightest one.

#000909
```
#000909 rgb(0,9,9)
```
#001b1d
```
#001b1d rgb(0,27,29)
```
#012d30
```
#012d30 rgb(1,45,48)
```
#013f43
```
#013f43 rgb(1,63,67)
```
#015157
```
#015157 rgb(1,81,87)
```
#02636a
```
#02636a rgb(2,99,106)
```
#02757d
```
#02757d rgb(2,117,125)
```
#028891
```
#028891 rgb(2,136,145)
```
#039aa4
```
#039aa4 rgb(3,154,164)
```
#03acb7
```
#03acb7 rgb(3,172,183)
```
#03beca
```
#03beca rgb(3,190,202)
```
#04d0de
```
#04d0de rgb(4,208,222)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```

Shade Color Variation

#0eecfb
```
#0eecfb rgb(14,236,251)
```
#21edfb
```
#21edfb rgb(33,237,251)
```
#34effc
```
#34effc rgb(52,239,252)
```
#48f1fc
```
#48f1fc rgb(72,241,252)
```
#5bf2fc
```
#5bf2fc rgb(91,242,252)
```
#6ef4fd
```
#6ef4fd rgb(110,244,253)
```
#81f5fd
```
#81f5fd rgb(129,245,253)
```
#95f7fd
```
#95f7fd rgb(149,247,253)
```
#a8f8fe
```
#a8f8fe rgb(168,248,254)
```
#bbfafe
```
#bbfafe rgb(187,250,254)
```
#cffbfe
```
#cffbfe rgb(207,251,254)
```
#e2fdff
```
#e2fdff rgb(226,253,255)
```
#f5feff
```
#f5feff rgb(245,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757f80 is the less saturated color, while #04e2f1 is the most saturated one.

#757f80
```
#757f80 rgb(117,127,128)
```
#6c8789
```
#6c8789 rgb(108,135,137)
```
#629093
```
#629093 rgb(98,144,147)
```
#59989c
```
#59989c rgb(89,152,156)
```
#4fa0a6
```
#4fa0a6 rgb(79,160,166)
```
#46a8af
```
#46a8af rgb(70,168,175)
```
#3db1b8
```
#3db1b8 rgb(61,177,184)
```
#33b9c2
```
#33b9c2 rgb(51,185,194)
```
#2ac1cb
```
#2ac1cb rgb(42,193,203)
```
#20c9d5
```
#20c9d5 rgb(32,201,213)
```
#17d2de
```
#17d2de rgb(23,210,222)
```
#0ddae8
```
#0ddae8 rgb(13,218,232)
```
#04e2f1
```
#04e2f1 rgb(4,226,241)
```

Tone Color Variation

Below, you can see how #04e2f1 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.

Monochromacy

#a1a1a1 Achromatopsia 0.005% of the population
#82aeb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcde4 Protanopia 1% of men
#cacbfa Deuteranopia 1% of men
#1ae3f3 Tritanopia 0.001% of the population

Trichromacy

#83d5e9 Protanomaly 1% of men, 0.01% of women
#82d3f7 Deuteranomaly 6% of men, 0.4% of women
#12e2f2 Tritanomaly 0.01% of the population

#04e2f1 hex color

#04e2f1 Color Information

#04e2f1 Color Conversion

Color Schemes with #04e2f1

Alternatives to #04e2f1

#04e2f1 Preview

Shades and Tints of #04e2f1

Tones of #04e2f1

Color Blindness Simulator