#0ecc86 hex color

In a RGB color space, hex #0ecc86 is composed of 5.5% red, 80% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 93.1% cyan, 0% magenta, 34.3% yellow and 20% black. It has a hue angle of 157.9 degrees, a saturation of 87.2% and a lightness of 42.7%. #0ecc86 color hex could be obtained by blending #1cffff with #00990d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 5
- G 80
- B 53
RGB color chart
- C 93
- M 0
- Y 34
- K 20
CMYK color chart

● #0ecc86 color description : Strong cyan - lime green.

The hexadecimal color #0ecc86 has RGB values of R:14, G:204, B:134 and CMYK values of C:0.93, M:0, Y:0.34, K:0.2. Its decimal value is 969862.

Hex triplet	0ecc86	`#0ecc86`
RGB Decimal	14, 204, 134	`rgb(14,204,134)`
RGB Percent	5.5, 80, 52.5	`rgb(5.5%,80%,52.5%)`
CMYK	93, 0, 34, 20
HSL	157.9°, 87.2, 42.7	`hsl(157.9,87.2%,42.7%)`
HSV (or HSB)	157.9°, 93.1, 80
Web Safe	00cc99	`#00cc99`

CIE-LAB	72.89, -58.261, 23.314
XYZ	26.075, 44.997, 29.864
xyY	0.258, 0.446, 44.997
CIE-LCH	72.89, 62.753, 158.19
CIE-LUV	72.89, -62.464, 41.584
Hunter-Lab	67.08, -48.005, 20.56
Binary	00001110, 11001100, 10000110

#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#cc0e54
```
#cc0e54 rgb(204,14,84)
```

Complementary Color

#0ecc27
```
#0ecc27 rgb(14,204,39)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#0eb3cc
```
#0eb3cc rgb(14,179,204)
```

Analogous Color

#cc270e
```
#cc270e rgb(204,39,14)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#cc0eb3
```
#cc0eb3 rgb(204,14,179)
```

Split Complementary Color

#cc860e
```
#cc860e rgb(204,134,14)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#860ecc
```
#860ecc rgb(134,14,204)
```

Triadic Color

#54cc0e
```
#54cc0e rgb(84,204,14)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#860ecc
```
#860ecc rgb(134,14,204)
```
#cc0e54
```
#cc0e54 rgb(204,14,84)
```

Tetradic Color

#098457
```
#098457 rgb(9,132,87)
```
#0b9c67
```
#0b9c67 rgb(11,156,103)
```
#0cb476
```
#0cb476 rgb(12,180,118)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#10e496
```
#10e496 rgb(16,228,150)
```
#1df0a2
```
#1df0a2 rgb(29,240,162)
```
#35f1ac
```
#35f1ac rgb(53,241,172)
```

Monochromatic Color

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

#0ecc57
```
#0ecc57 rgb(14,204,87)
```
#0ecc66
```
#0ecc66 rgb(14,204,102)
```
#0ecc76
```
#0ecc76 rgb(14,204,118)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#0ecc96
```
#0ecc96 rgb(14,204,150)
```
#0ecca6
```
#0ecca6 rgb(14,204,166)
```
#0eccb6
```
#0eccb6 rgb(14,204,182)
```

Similar Colors

Text with hexadecimal color #0ecc86

This text has a font color of #0ecc86.

<span style="color:#0ecc86;">Text here</span>

#0ecc86 background color

This paragraph has a background color of #0ecc86.

<p style="background-color:#0ecc86;">Content here</p>

#0ecc86 border color

This element has a border color of #0ecc86.

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

CSS codes

.text {color:#0ecc86;}

.background {background-color:#0ecc86;}

.border {border:1px solid #0ecc86;}

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

#000201
```
#000201 rgb(0,2,1)
```
#01140d
```
#01140d rgb(1,20,13)
```
#032719
```
#032719 rgb(3,39,25)
```
#043926
```
#043926 rgb(4,57,38)
```
#054c32
```
#054c32 rgb(5,76,50)
```
#065e3e
```
#065e3e rgb(6,94,62)
```
#08704a
```
#08704a rgb(8,112,74)
```
#098356
```
#098356 rgb(9,131,86)
```
#0a9562
```
#0a9562 rgb(10,149,98)
```
#0ba76e
```
#0ba76e rgb(11,167,110)
```
#0dba7a
```
#0dba7a rgb(13,186,122)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#0fde92
```
#0fde92 rgb(15,222,146)
```

Shade Color Variation

#12ef9e
```
#12ef9e rgb(18,239,158)
```
#25f0a5
```
#25f0a5 rgb(37,240,165)
```
#37f1ad
```
#37f1ad rgb(55,241,173)
```
#4af3b4
```
#4af3b4 rgb(74,243,180)
```
#5cf4bc
```
#5cf4bc rgb(92,244,188)
```
#6ef5c3
```
#6ef5c3 rgb(110,245,195)
```
#81f6cb
```
#81f6cb rgb(129,246,203)
```
#93f8d3
```
#93f8d3 rgb(147,248,211)
```
#a5f9da
```
#a5f9da rgb(165,249,218)
```
#b8fae2
```
#b8fae2 rgb(184,250,226)
```
#cafbe9
```
#cafbe9 rgb(202,251,233)
```
#dcfdf1
```
#dcfdf1 rgb(220,253,241)
```
#effef8
```
#effef8 rgb(239,254,248)
```

Tint Color Variation

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

#6a706e
```
#6a706e rgb(106,112,110)
```
#627870
```
#627870 rgb(98,120,112)
```
#598172
```
#598172 rgb(89,129,114)
```
#518974
```
#518974 rgb(81,137,116)
```
#499177
```
#499177 rgb(73,145,119)
```
#409a79
```
#409a79 rgb(64,154,121)
```
#38a27b
```
#38a27b rgb(56,162,123)
```
#30aa7d
```
#30aa7d rgb(48,170,125)
```
#27b37f
```
#27b37f rgb(39,179,127)
```
#1fbb82
```
#1fbb82 rgb(31,187,130)
```
#16c484
```
#16c484 rgb(22,196,132)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```
#06d488
```
#06d488 rgb(6,212,136)
```

Tone Color Variation

Below, you can see how #0ecc86 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

#8b8b8b Achromatopsia 0.005% of the population
#72988a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b682 Protanopia 1% of men
#d3b096 Deuteranopia 1% of men
#56c5d4 Tritanopia 0.001% of the population

Trichromacy

#82be83 Protanomaly 1% of men, 0.01% of women
#8bba90 Deuteranomaly 6% of men, 0.4% of women
#3cc7b7 Tritanomaly 0.01% of the population

#0ecc86 hex color

#0ecc86 Color Information

#0ecc86 Color Conversion

Color Schemes with #0ecc86

Alternatives to #0ecc86

#0ecc86 Preview

Shades and Tints of #0ecc86

Tones of #0ecc86

Color Blindness Simulator