colorhexa.com

#02e2e2 hex color

In a RGB color space, hex #02e2e2 is composed of 0.8% red, 88.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 0% yellow and 11.4% black. It has a hue angle of 180 degrees, a saturation of 98.2% and a lightness of 44.7%. #02e2e2 color hex could be obtained by blending #04ffff with #00c5c5. Closest websafe color is: #00cccc.

- R 1
- G 89
- B 89
RGB color chart
- C 99
- M 0
- Y 0
- K 11
CMYK color chart

● #02e2e2 color description : Vivid cyan.

The hexadecimal color #02e2e2 has RGB values of R:2, G:226, B:226 and CMYK values of C:0.99, M:0, Y:0, K:0.11. Its decimal value is 189154.

Hex triplet	02e2e2	`#02e2e2`
RGB Decimal	2, 226, 226	`rgb(2,226,226)`
RGB Percent	0.8, 88.6, 88.6	`rgb(0.8%,88.6%,88.6%)`
CMYK	99, 0, 0, 11
HSL	180°, 98.2, 44.7	`hsl(180,98.2%,44.7%)`
HSV (or HSB)	180°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.78, -43.843, -12.894
XYZ	40.945, 59.892, 81.35
xyY	0.225, 0.329, 59.892
CIE-LCH	81.78, 45.7, 196.389
CIE-LUV	81.78, -63.194, -13.645
Hunter-Lab	77.39, -40.994, -8.15
Binary	00000010, 11100010, 11100010

#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#e20202
```
#e20202 rgb(226,2,2)
```

Complementary Color

#02e272
```
#02e272 rgb(2,226,114)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#0272e2
```
#0272e2 rgb(2,114,226)
```

Analogous Color

#e27202
```
#e27202 rgb(226,114,2)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#e20272
```
#e20272 rgb(226,2,114)
```

Split Complementary Color

#e2e202
```
#e2e202 rgb(226,226,2)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#e202e2
```
#e202e2 rgb(226,2,226)
```

Triadic Color

#019696
```
#019696 rgb(1,150,150)
```
#02afaf
```
#02afaf rgb(2,175,175)
```
#02c9c9
```
#02c9c9 rgb(2,201,201)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#02fbfb
```
#02fbfb rgb(2,251,251)
```
#1afdfd
```
#1afdfd rgb(26,253,253)
```
#33fdfd
```
#33fdfd rgb(51,253,253)
```

Monochromatic Color

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

#02e2aa
```
#02e2aa rgb(2,226,170)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#02e2cf
```
#02e2cf rgb(2,226,207)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#02cfe2
```
#02cfe2 rgb(2,207,226)
```
#02bde2
```
#02bde2 rgb(2,189,226)
```
#02aae2
```
#02aae2 rgb(2,170,226)
```

Similar Colors

Text with hexadecimal color #02e2e2

This text has a font color of #02e2e2.

<span style="color:#02e2e2;">Text here</span>

#02e2e2 background color

This paragraph has a background color of #02e2e2.

<p style="background-color:#02e2e2;">Content here</p>

#02e2e2 border color

This element has a border color of #02e2e2.

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

CSS codes

.text {color:#02e2e2;}

.background {background-color:#02e2e2;}

.border {border:1px solid #02e2e2;}

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

#000c0c
```
#000c0c rgb(0,12,12)
```
#002020
```
#002020 rgb(0,32,32)
```
#003333
```
#003333 rgb(0,51,51)
```
#014646
```
#014646 rgb(1,70,70)
```
#015a5a
```
#015a5a rgb(1,90,90)
```
#016d6d
```
#016d6d rgb(1,109,109)
```
#018181
```
#018181 rgb(1,129,129)
```
#019494
```
#019494 rgb(1,148,148)
```
#01a8a8
```
#01a8a8 rgb(1,168,168)
```
#02bbbb
```
#02bbbb rgb(2,187,187)
```
#02cfcf
```
#02cfcf rgb(2,207,207)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#02f5f5
```
#02f5f5 rgb(2,245,245)
```

Shade Color Variation

#0efdfd
```
#0efdfd rgb(14,253,253)
```
#22fdfd
```
#22fdfd rgb(34,253,253)
```
#35fdfd
```
#35fdfd rgb(53,253,253)
```
#49fdfd
```
#49fdfd rgb(73,253,253)
```
#5cfefe
```
#5cfefe rgb(92,254,254)
```
#70fefe
```
#70fefe rgb(112,254,254)
```
#83fefe
```
#83fefe rgb(131,254,254)
```
#96fefe
```
#96fefe rgb(150,254,254)
```
#aafefe
```
#aafefe rgb(170,254,254)
```
#bdfefe
```
#bdfefe rgb(189,254,254)
```
#d1ffff
```
#d1ffff rgb(209,255,255)
```
#e4ffff
```
#e4ffff rgb(228,255,255)
```
#f8ffff
```
#f8ffff rgb(248,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b7979 is the less saturated color, while #02e2e2 is the most saturated one.

#6b7979
```
#6b7979 rgb(107,121,121)
```
#628282
```
#628282 rgb(98,130,130)
```
#5a8a8a
```
#5a8a8a rgb(90,138,138)
```
#519393
```
#519393 rgb(81,147,147)
```
#489c9c
```
#489c9c rgb(72,156,156)
```
#3fa5a5
```
#3fa5a5 rgb(63,165,165)
```
#37adad
```
#37adad rgb(55,173,173)
```
#2eb6b6
```
#2eb6b6 rgb(46,182,182)
```
#25bfbf
```
#25bfbf rgb(37,191,191)
```
#1cc8c8
```
#1cc8c8 rgb(28,200,200)
```
#14d0d0
```
#14d0d0 rgb(20,208,208)
```
#0bd9d9
```
#0bd9d9 rgb(11,217,217)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```

Tone Color Variation

Below, you can see how #02e2e2 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

#9f9f9f Achromatopsia 0.005% of the population
#80acac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceccd6 Protanopia 1% of men
#d1c9ed Deuteranopia 1% of men
#33e1f1 Tritanopia 0.001% of the population

Trichromacy

#84d4da Protanomaly 1% of men, 0.01% of women
#85d2e9 Deuteranomaly 6% of men, 0.4% of women
#21e1ec Tritanomaly 0.01% of the population