#7ed312 hex color

In a RGB color space, hex #7ed312 is composed of 49.4% red, 82.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 0% magenta, 91.5% yellow and 17.3% black. It has a hue angle of 86.4 degrees, a saturation of 84.3% and a lightness of 44.9%. #7ed312 color hex could be obtained by blending #fcff24 with #00a700. Closest websafe color is: #66cc00.

♥
- f
- t
- g
- R 49
- G 83
- B 7
RGB color chart
- C 40
- M 0
- Y 91
- K 17
CMYK color chart

● #7ed312 color description : Strong green.

The hexadecimal color #7ed312 has RGB values of R:126, G:211, B:18 and CMYK values of C:0.4, M:0, Y:0.91, K:0.17. Its decimal value is 8311570.

Hex triplet	7ed312	`#7ed312`
RGB Decimal	126, 211, 18	`rgb(126,211,18)`
RGB Percent	49.4, 82.7, 7.1	`rgb(49.4%,82.7%,7.1%)`
CMYK	40, 0, 91, 17
HSL	86.4°, 84.3, 44.9	`hsl(86.4,84.3%,44.9%)`
HSV (or HSB)	86.4°, 91.5, 82.7
Web Safe	66cc00	`#66cc00`

CIE-LAB	76.719, -51.791, 73.578
XYZ	32.007, 51.066, 8.743
xyY	0.349, 0.556, 51.066
CIE-LCH	76.719, 89.978, 125.142
CIE-LUV	76.719, -42.398, 89.035
Hunter-Lab	71.461, -45.107, 42.769
Binary	01111110, 11010011, 00010010

#7ed312
```
#7ed312 rgb(126,211,18)
```
#6712d3
```
#6712d3 rgb(103,18,211)
```

Complementary Color

#d3c812
```
#d3c812 rgb(211,200,18)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#1ed312
```
#1ed312 rgb(30,211,18)
```

Analogous Color

#c812d3
```
#c812d3 rgb(200,18,211)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#121ed3
```
#121ed3 rgb(18,30,211)
```

Split Complementary Color

#d3127e
```
#d3127e rgb(211,18,126)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#127ed3
```
#127ed3 rgb(18,126,211)
```

Triadic Color

#d36712
```
#d36712 rgb(211,103,18)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#127ed3
```
#127ed3 rgb(18,126,211)
```
#6712d3
```
#6712d3 rgb(103,18,211)
```

Tetradic Color

#548d0c
```
#548d0c rgb(84,141,12)
```
#62a40e
```
#62a40e rgb(98,164,14)
```
#70bc10
```
#70bc10 rgb(112,188,16)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#8cea14
```
#8cea14 rgb(140,234,20)
```
#98ed2b
```
#98ed2b rgb(152,237,43)
```
#a3ef43
```
#a3ef43 rgb(163,239,67)
```

Monochromatic Color

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

#aed312
```
#aed312 rgb(174,211,18)
```
#9ed312
```
#9ed312 rgb(158,211,18)
```
#8ed312
```
#8ed312 rgb(142,211,18)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#6ed312
```
#6ed312 rgb(110,211,18)
```
#5ed312
```
#5ed312 rgb(94,211,18)
```
#4ed312
```
#4ed312 rgb(78,211,18)
```

Similar Colors

Text with hexadecimal color #7ed312

This text has a font color of #7ed312.

<span style="color:#7ed312;">Text here</span>

#7ed312 background color

This paragraph has a background color of #7ed312.

<p style="background-color:#7ed312;">Content here</p>

#7ed312 border color

This element has a border color of #7ed312.

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

CSS codes

.text {color:#7ed312;}

.background {background-color:#7ed312;}

.border {border:1px solid #7ed312;}

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, #070c01 is the darkest color, while #fcfef9 is the lightest one.

#070c01
```
#070c01 rgb(7,12,1)
```
#121e03
```
#121e03 rgb(18,30,3)
```
#1d3004
```
#1d3004 rgb(29,48,4)
```
#284206
```
#284206 rgb(40,66,6)
```
#325407
```
#325407 rgb(50,84,7)
```
#3d6709
```
#3d6709 rgb(61,103,9)
```
#48790a
```
#48790a rgb(72,121,10)
```
#538b0c
```
#538b0c rgb(83,139,12)
```
#5e9d0d
```
#5e9d0d rgb(94,157,13)
```
#68af0f
```
#68af0f rgb(104,175,15)
```
#73c110
```
#73c110 rgb(115,193,16)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#89e514
```
#89e514 rgb(137,229,20)
```

Shade Color Variation

#92ec20
```
#92ec20 rgb(146,236,32)
```
#9bee32
```
#9bee32 rgb(155,238,50)
```
#a4ef44
```
#a4ef44 rgb(164,239,68)
```
#adf156
```
#adf156 rgb(173,241,86)
```
#b6f269
```
#b6f269 rgb(182,242,105)
```
#bef47b
```
#bef47b rgb(190,244,123)
```
#c7f58d
```
#c7f58d rgb(199,245,141)
```
#d0f79f
```
#d0f79f rgb(208,247,159)
```
#d9f8b1
```
#d9f8b1 rgb(217,248,177)
```
#e2fac3
```
#e2fac3 rgb(226,250,195)
```
#eafbd5
```
#eafbd5 rgb(234,251,213)
```
#f3fde7
```
#f3fde7 rgb(243,253,231)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747b6a is the less saturated color, while #80e500 is the most saturated one.

#747b6a
```
#747b6a rgb(116,123,106)
```
#758461
```
#758461 rgb(117,132,97)
```
#768d58
```
#768d58 rgb(118,141,88)
```
#779550
```
#779550 rgb(119,149,80)
```
#789e47
```
#789e47 rgb(120,158,71)
```
#79a73e
```
#79a73e rgb(121,167,62)
```
#7ab035
```
#7ab035 rgb(122,176,53)
```
#7bb92c
```
#7bb92c rgb(123,185,44)
```
#7cc124
```
#7cc124 rgb(124,193,36)
```
#7dca1b
```
#7dca1b rgb(125,202,27)
```
#7ed312
```
#7ed312 rgb(126,211,18)
```
#7fdc09
```
#7fdc09 rgb(127,220,9)
```
#80e500
```
#80e500 rgb(128,229,0)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9cad87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8c116 Protanopia 1% of men
#efb737 Deuteranopia 1% of men
#9fc7d5 Tritanopia 0.001% of the population

Trichromacy

#b7c714 Protanomaly 1% of men, 0.01% of women
#c6c12a Deuteranomaly 6% of men, 0.4% of women
#93cb8e Tritanomaly 0.01% of the population

#7ed312 hex color

#7ed312 Color Information

#7ed312 Color Conversion

Color Schemes with #7ed312

Alternatives to #7ed312

#7ed312 Preview

Shades and Tints of #7ed312

Tones of #7ed312

Color Blindness Simulator