colorhexa.com

#01e2f5 hex color

In a RGB color space, hex #01e2f5 is composed of 0.4% red, 88.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 7.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 184.7 degrees, a saturation of 99.2% and a lightness of 48.2%. #01e2f5 color hex could be obtained by blending #02ffff with #00c5eb. Closest websafe color is: #00ccff.

- R 0
- G 89
- B 96
RGB color chart
- C 100
- M 8
- Y 0
- K 4
CMYK color chart

● #01e2f5 color description : Vivid cyan.

The hexadecimal color #01e2f5 has RGB values of R:1, G:226, B:245 and CMYK values of C:1, M:0.08, Y:0, K:0.04. Its decimal value is 123637.

Hex triplet	01e2f5	`#01e2f5`
RGB Decimal	1, 226, 245	`rgb(1,226,245)`
RGB Percent	0.4, 88.6, 96.1	`rgb(0.4%,88.6%,96.1%)`
CMYK	100, 8, 0, 4
HSL	184.7°, 99.2, 48.2	`hsl(184.7,99.2%,48.2%)`
HSV (or HSB)	184.7°, 99.6, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	82.372, -38.151, -22.072
XYZ	43.685, 60.987, 95.85
xyY	0.218, 0.304, 60.987
CIE-LCH	82.372, 44.076, 210.052
CIE-LUV	82.372, -61.683, -29.806
Hunter-Lab	78.094, -36.813, -18.105
Binary	00000001, 11100010, 11110101

#01e2f5
```
#01e2f5 rgb(1,226,245)
```
#f51401
```
#f51401 rgb(245,20,1)
```

Complementary Color

#01f58e
```
#01f58e rgb(1,245,142)
```
#01e2f5
```
#01e2f5 rgb(1,226,245)
```
#0168f5
```
#0168f5 rgb(1,104,245)
```

Analogous Color

#f58e01
```
#f58e01 rgb(245,142,1)
```
#01e2f5
```
#01e2f5 rgb(1,226,245)
```
#f50168
```
#f50168 rgb(245,1,104)
```

Split Complementary Color

#e2f501
```
#e2f501 rgb(226,245,1)
```
#01e2f5
```
#01e2f5 rgb(1,226,245)
```
#f501e2
```
#f501e2 rgb(245,1,226)
```

Triadic Color

#019ca9
```
#019ca9 rgb(1,156,169)
```
#01b3c2
```
#01b3c2 rgb(1,179,194)
```
#01cbdc
```
#01cbdc rgb(1,203,220)
```
#01e2f5
```
#01e2f5 rgb(1,226,245)
```
#11ecfe
```
#11ecfe rgb(17,236,254)
```
#2beefe
```
#2beefe rgb(43,238,254)
```
#44f0fe
```
#44f0fe rgb(68,240,254)
```

Monochromatic Color

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

#01f5cb
```
#01f5cb rgb(1,245,203)
```
#01f5df
```
#01f5df rgb(1,245,223)
```
#01f5f4
```
#01f5f4 rgb(1,245,244)
```
#01e2f5
```
#01e2f5 rgb(1,226,245)
```
#01cef5
```
#01cef5 rgb(1,206,245)
```
#01b9f5
```
#01b9f5 rgb(1,185,245)
```
#01a5f5
```
#01a5f5 rgb(1,165,245)
```

Similar Colors

Text with hexadecimal color #01e2f5

This text has a font color of #01e2f5.

<span style="color:#01e2f5;">Text here</span>

#01e2f5 background color

This paragraph has a background color of #01e2f5.

<p style="background-color:#01e2f5;">Content here</p>

#01e2f5 border color

This element has a border color of #01e2f5.

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

CSS codes

.text {color:#01e2f5;}

.background {background-color:#01e2f5;}

.border {border:1px solid #01e2f5;}

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, #000a0b is the darkest color, while #f6feff is the lightest one.

#000a0b
```
#000a0b rgb(0,10,11)
```
#001c1e
```
#001c1e rgb(0,28,30)
```
#002e32
```
#002e32 rgb(0,46,50)
```
#004045
```
#004045 rgb(0,64,69)
```
#005259
```
#005259 rgb(0,82,89)
```
#00646c
```
#00646c rgb(0,100,108)
```
#017680
```
#017680 rgb(1,118,128)
```
#018893
```
#018893 rgb(1,136,147)
```
#019aa7
```
#019aa7 rgb(1,154,167)
```
#01acba
```
#01acba rgb(1,172,186)
```
#01bece
```
#01bece rgb(1,190,206)
```
#01d0e1
```
#01d0e1 rgb(1,208,225)
```
#01e2f5
```
#01e2f5 rgb(1,226,245)
```

Shade Color Variation

#0cebfe
```
#0cebfe rgb(12,235,254)
```
#1fedfe
```
#1fedfe rgb(31,237,254)
```
#33eefe
```
#33eefe rgb(51,238,254)
```
#46f0fe
```
#46f0fe rgb(70,240,254)
```
#5af2fe
```
#5af2fe rgb(90,242,254)
```
#6df3fe
```
#6df3fe rgb(109,243,254)
```
#81f5fe
```
#81f5fe rgb(129,245,254)
```
#94f6ff
```
#94f6ff rgb(148,246,255)
```
#a8f8ff
```
#a8f8ff rgb(168,248,255)
```
#bbf9ff
```
#bbf9ff rgb(187,249,255)
```
#cffbff
```
#cffbff rgb(207,251,255)
```
#e3fdff
```
#e3fdff rgb(227,253,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #738283 is the less saturated color, while #01e2f5 is the most saturated one.

#738283
```
#738283 rgb(115,130,131)
```
#698a8d
```
#698a8d rgb(105,138,141)
```
#609296
```
#609296 rgb(96,146,150)
```
#569aa0
```
#569aa0 rgb(86,154,160)
```
#4da2a9
```
#4da2a9 rgb(77,162,169)
```
#43aab3
```
#43aab3 rgb(67,170,179)
```
#3ab2bc
```
#3ab2bc rgb(58,178,188)
```
#30bac6
```
#30bac6 rgb(48,186,198)
```
#27c2cf
```
#27c2cf rgb(39,194,207)
```
#1dcad9
```
#1dcad9 rgb(29,202,217)
```
#14d2e2
```
#14d2e2 rgb(20,210,226)
```
#0adaec
```
#0adaec rgb(10,218,236)
```
#01e2f5
```
#01e2f5 rgb(1,226,245)
```

Tone Color Variation

Below, you can see how #01e2f5 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
#81aeb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcee8 Protanopia 1% of men
#c9cbfe Deuteranopia 1% of men
#00e3f4 Tritanopia 0.001% of the population

Trichromacy

#81d5ed Protanomaly 1% of men, 0.01% of women
#80d3fb Deuteranomaly 6% of men, 0.4% of women
#00e3f4 Tritanomaly 0.01% of the population