colorhexa.com

#02e4ba hex color

In a RGB color space, hex #02e4ba is composed of 0.8% red, 89.4% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 18.4% yellow and 10.6% black. It has a hue angle of 168.8 degrees, a saturation of 98.3% and a lightness of 45.1%. #02e4ba color hex could be obtained by blending #04ffff with #00c975. Closest websafe color is: #00cccc.

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

● #02e4ba color description : Vivid cyan.

The hexadecimal color #02e4ba has RGB values of R:2, G:228, B:186 and CMYK values of C:0.99, M:0, Y:0.18, K:0.11. Its decimal value is 189626.

Hex triplet	02e4ba	`#02e4ba`
RGB Decimal	2, 228, 186	`rgb(2,228,186)`
RGB Percent	0.8, 89.4, 72.9	`rgb(0.8%,89.4%,72.9%)`
CMYK	99, 0, 18, 11
HSL	168.8°, 98.3, 45.1	`hsl(168.8,98.3%,45.1%)`
HSV (or HSB)	168.8°, 99.1, 89.4
Web Safe	00cccc	`#00cccc`

CIE-LAB	81.314, -55.602, 7.621
XYZ	36.628, 59.041, 55.917
xyY	0.242, 0.389, 59.041
CIE-LCH	81.314, 56.122, 172.195
CIE-LUV	81.314, -67.045, 20.254
Hunter-Lab	76.838, -49.377, 10.64
Binary	00000010, 11100100, 10111010

#02e4ba
```
#02e4ba rgb(2,228,186)
```
#e4022c
```
#e4022c rgb(228,2,44)
```

Complementary Color

#02e449
```
#02e449 rgb(2,228,73)
```
#02e4ba
```
#02e4ba rgb(2,228,186)
```
#029de4
```
#029de4 rgb(2,157,228)
```

Analogous Color

#e44902
```
#e44902 rgb(228,73,2)
```
#02e4ba
```
#02e4ba rgb(2,228,186)
```
#e4029d
```
#e4029d rgb(228,2,157)
```

Split Complementary Color

#e4ba02
```
#e4ba02 rgb(228,186,2)
```
#02e4ba
```
#02e4ba rgb(2,228,186)
```
#ba02e4
```
#ba02e4 rgb(186,2,228)
```

Triadic Color

#01987c
```
#01987c rgb(1,152,124)
```
#02b191
```
#02b191 rgb(2,177,145)
```
#02cba5
```
#02cba5 rgb(2,203,165)
```
#02e4ba
```
#02e4ba rgb(2,228,186)
```
#03fdce
```
#03fdce rgb(3,253,206)
```
#1cfdd3
```
#1cfdd3 rgb(28,253,211)
```
#35fdd8
```
#35fdd8 rgb(53,253,216)
```

Monochromatic Color

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

#02e482
```
#02e482 rgb(2,228,130)
```
#02e494
```
#02e494 rgb(2,228,148)
```
#02e4a7
```
#02e4a7 rgb(2,228,167)
```
#02e4ba
```
#02e4ba rgb(2,228,186)
```
#02e4cd
```
#02e4cd rgb(2,228,205)
```
#02e4e0
```
#02e4e0 rgb(2,228,224)
```
#02d6e4
```
#02d6e4 rgb(2,214,228)
```

Similar Colors

Text with hexadecimal color #02e4ba

This text has a font color of #02e4ba.

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

#02e4ba background color

This paragraph has a background color of #02e4ba.

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

#02e4ba border color

This element has a border color of #02e4ba.

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

CSS codes

.text {color:#02e4ba;}

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

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

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

#000e0c
```
#000e0c rgb(0,14,12)
```
#00221b
```
#00221b rgb(0,34,27)
```
#00352b
```
#00352b rgb(0,53,43)
```
#01483b
```
#01483b rgb(1,72,59)
```
#015c4b
```
#015c4b rgb(1,92,75)
```
#016f5b
```
#016f5b rgb(1,111,91)
```
#01836b
```
#01836b rgb(1,131,107)
```
#01967b
```
#01967b rgb(1,150,123)
```
#01aa8a
```
#01aa8a rgb(1,170,138)
```
#02bd9a
```
#02bd9a rgb(2,189,154)
```
#02d1aa
```
#02d1aa rgb(2,209,170)
```
#02e4ba
```
#02e4ba rgb(2,228,186)
```
#02f7ca
```
#02f7ca rgb(2,247,202)
```

Shade Color Variation

#10fdd1
```
#10fdd1 rgb(16,253,209)
```
#24fdd5
```
#24fdd5 rgb(36,253,213)
```
#37fdd8
```
#37fdd8 rgb(55,253,216)
```
#4bfddc
```
#4bfddc rgb(75,253,220)
```
#5efee0
```
#5efee0 rgb(94,254,224)
```
#72fee4
```
#72fee4 rgb(114,254,228)
```
#85fee7
```
#85fee7 rgb(133,254,231)
```
#98feeb
```
#98feeb rgb(152,254,235)
```
#acfeef
```
#acfeef rgb(172,254,239)
```
#bffef3
```
#bffef3 rgb(191,254,243)
```
#d3fff6
```
#d3fff6 rgb(211,255,246)
```
#e6fffa
```
#e6fffa rgb(230,255,250)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#6c7a77
```
#6c7a77 rgb(108,122,119)
```
#63837d
```
#63837d rgb(99,131,125)
```
#5a8c82
```
#5a8c82 rgb(90,140,130)
```
#529488
```
#529488 rgb(82,148,136)
```
#499d8e
```
#499d8e rgb(73,157,142)
```
#40a693
```
#40a693 rgb(64,166,147)
```
#37af99
```
#37af99 rgb(55,175,153)
```
#2eb89e
```
#2eb89e rgb(46,184,158)
```
#25c1a4
```
#25c1a4 rgb(37,193,164)
```
#1dc9a9
```
#1dc9a9 rgb(29,201,169)
```
#14d2af
```
#14d2af rgb(20,210,175)
```
#0bdbb4
```
#0bdbb4 rgb(11,219,180)
```
#02e4ba
```
#02e4ba rgb(2,228,186)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7daaa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6ccb1 Protanopia 1% of men
#e1c6c8 Deuteranopia 1% of men
#51deee Tritanopia 0.001% of the population

Trichromacy

#89d4b4 Protanomaly 1% of men, 0.01% of women
#90d1c3 Deuteranomaly 6% of men, 0.4% of women
#34e0db Tritanomaly 0.01% of the population