#0ecc56 hex color

In a RGB color space, hex #0ecc56 is composed of 5.5% red, 80% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 93.1% cyan, 0% magenta, 57.8% yellow and 20% black. It has a hue angle of 142.7 degrees, a saturation of 87.2% and a lightness of 42.7%. #0ecc56 color hex could be obtained by blending #1cffac with #009900. Closest websafe color is: #00cc66.

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

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

The hexadecimal color #0ecc56 has RGB values of R:14, G:204, B:86 and CMYK values of C:0.93, M:0, Y:0.58, K:0.2. Its decimal value is 969814.

Hex triplet	0ecc56	`#0ecc56`
RGB Decimal	14, 204, 86	`rgb(14,204,86)`
RGB Percent	5.5, 80, 33.7	`rgb(5.5%,80%,33.7%)`
CMYK	93, 0, 58, 20
HSL	142.7°, 87.2, 42.7	`hsl(142.7,87.2%,42.7%)`
HSV (or HSB)	142.7°, 93.1, 80
Web Safe	00cc66	`#00cc66`

CIE-LAB	72.194, -66.54, 46.408
XYZ	23.452, 43.948, 16.05
xyY	0.281, 0.527, 43.948
CIE-LCH	72.194, 81.125, 145.107
CIE-LUV	72.194, -65.209, 68.398
Hunter-Lab	66.294, -52.867, 32.051
Binary	00001110, 11001100, 01010110

#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#cc0e84
```
#cc0e84 rgb(204,14,132)
```

Complementary Color

#25cc0e
```
#25cc0e rgb(37,204,14)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#0eccb5
```
#0eccb5 rgb(14,204,181)
```

Analogous Color

#cc0e25
```
#cc0e25 rgb(204,14,37)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#b50ecc
```
#b50ecc rgb(181,14,204)
```

Split Complementary Color

#cc560e
```
#cc560e rgb(204,86,14)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#560ecc
```
#560ecc rgb(86,14,204)
```

Triadic Color

#84cc0e
```
#84cc0e rgb(132,204,14)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#560ecc
```
#560ecc rgb(86,14,204)
```
#cc0e84
```
#cc0e84 rgb(204,14,132)
```

Tetradic Color

#098438
```
#098438 rgb(9,132,56)
```
#0b9c42
```
#0b9c42 rgb(11,156,66)
```
#0cb44c
```
#0cb44c rgb(12,180,76)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#10e460
```
#10e460 rgb(16,228,96)
```
#1df06d
```
#1df06d rgb(29,240,109)
```
#35f17d
```
#35f17d rgb(53,241,125)
```

Monochromatic Color

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

#0ecc27
```
#0ecc27 rgb(14,204,39)
```
#0ecc36
```
#0ecc36 rgb(14,204,54)
```
#0ecc46
```
#0ecc46 rgb(14,204,70)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#0ecc66
```
#0ecc66 rgb(14,204,102)
```
#0ecc76
```
#0ecc76 rgb(14,204,118)
```
#0ecc86
```
#0ecc86 rgb(14,204,134)
```

Similar Colors

Text with hexadecimal color #0ecc56

This text has a font color of #0ecc56.

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

#0ecc56 background color

This paragraph has a background color of #0ecc56.

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

#0ecc56 border color

This element has a border color of #0ecc56.

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

CSS codes

.text {color:#0ecc56;}

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

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

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 #effef4 is the lightest one.

#000201
```
#000201 rgb(0,2,1)
```
#011409
```
#011409 rgb(1,20,9)
```
#032710
```
#032710 rgb(3,39,16)
```
#043918
```
#043918 rgb(4,57,24)
```
#054c20
```
#054c20 rgb(5,76,32)
```
#065e28
```
#065e28 rgb(6,94,40)
```
#08702f
```
#08702f rgb(8,112,47)
```
#098337
```
#098337 rgb(9,131,55)
```
#0a953f
```
#0a953f rgb(10,149,63)
```
#0ba747
```
#0ba747 rgb(11,167,71)
```
#0dba4e
```
#0dba4e rgb(13,186,78)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#0fde5e
```
#0fde5e rgb(15,222,94)
```

Shade Color Variation

#12ef66
```
#12ef66 rgb(18,239,102)
```
#25f072
```
#25f072 rgb(37,240,114)
```
#37f17e
```
#37f17e rgb(55,241,126)
```
#4af38a
```
#4af38a rgb(74,243,138)
```
#5cf495
```
#5cf495 rgb(92,244,149)
```
#6ef5a1
```
#6ef5a1 rgb(110,245,161)
```
#81f6ad
```
#81f6ad rgb(129,246,173)
```
#93f8b9
```
#93f8b9 rgb(147,248,185)
```
#a5f9c5
```
#a5f9c5 rgb(165,249,197)
```
#b8fad1
```
#b8fad1 rgb(184,250,209)
```
#cafbdd
```
#cafbdd rgb(202,251,221)
```
#dcfde9
```
#dcfde9 rgb(220,253,233)
```
#effef4
```
#effef4 rgb(239,254,244)
```

Tint Color Variation

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

#6a706c
```
#6a706c rgb(106,112,108)
```
#62786a
```
#62786a rgb(98,120,106)
```
#598168
```
#598168 rgb(89,129,104)
```
#518966
```
#518966 rgb(81,137,102)
```
#499164
```
#499164 rgb(73,145,100)
```
#409a62
```
#409a62 rgb(64,154,98)
```
#38a260
```
#38a260 rgb(56,162,96)
```
#30aa5e
```
#30aa5e rgb(48,170,94)
```
#27b35c
```
#27b35c rgb(39,179,92)
```
#1fbb5a
```
#1fbb5a rgb(31,187,90)
```
#16c458
```
#16c458 rgb(22,196,88)
```
#0ecc56
```
#0ecc56 rgb(14,204,86)
```
#06d454
```
#06d454 rgb(6,212,84)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6e947c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b556 Protanopia 1% of men
#daad6b Deuteranopia 1% of men
#60c2d0 Tritanopia 0.001% of the population

Trichromacy

#84bd56 Protanomaly 1% of men, 0.01% of women
#90b863 Deuteranomaly 6% of men, 0.4% of women
#42c6a4 Tritanomaly 0.01% of the population

#0ecc56 hex color

#0ecc56 Color Information

#0ecc56 Color Conversion

Color Schemes with #0ecc56

Alternatives to #0ecc56

#0ecc56 Preview

Shades and Tints of #0ecc56

Tones of #0ecc56

Color Blindness Simulator