colorhexa.com

#7aa312 hex color

In a RGB color space, hex #7aa312 is composed of 47.8% red, 63.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 25.2% cyan, 0% magenta, 89% yellow and 36.1% black. It has a hue angle of 77 degrees, a saturation of 80.1% and a lightness of 35.5%. #7aa312 color hex could be obtained by blending #f4ff24 with #004700. Closest websafe color is: #669900.

- R 48
- G 64
- B 7
RGB color chart
- C 25
- M 0
- Y 89
- K 36
CMYK color chart

● #7aa312 color description : Dark green.

The hexadecimal color #7aa312 has RGB values of R:122, G:163, B:18 and CMYK values of C:0.25, M:0, Y:0.89, K:0.36. Its decimal value is 8037138.

Hex triplet	7aa312	`#7aa312`
RGB Decimal	122, 163, 18	`rgb(122,163,18)`
RGB Percent	47.8, 63.9, 7.1	`rgb(47.8%,63.9%,7.1%)`
CMYK	25, 0, 89, 36
HSL	77°, 80.1, 35.5	`hsl(77,80.1%,35.5%)`
HSV (or HSB)	77°, 89, 63.9
Web Safe	669900	`#669900`

CIE-LAB	61.977, -32.725, 61.342
XYZ	21.232, 30.375, 5.317
xyY	0.373, 0.534, 30.375
CIE-LCH	61.977, 69.525, 118.08
CIE-LUV	61.977, -20.549, 69.608
Hunter-Lab	55.114, -27.683, 32.86
Binary	01111010, 10100011, 00010010

#7aa312
```
#7aa312 rgb(122,163,18)
```
#3b12a3
```
#3b12a3 rgb(59,18,163)
```

Complementary Color

#a38412
```
#a38412 rgb(163,132,18)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#31a312
```
#31a312 rgb(49,163,18)
```

Analogous Color

#8412a3
```
#8412a3 rgb(132,18,163)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#1231a3
```
#1231a3 rgb(18,49,163)
```

Split Complementary Color

#a3127a
```
#a3127a rgb(163,18,122)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#127aa3
```
#127aa3 rgb(18,122,163)
```

Triadic Color

#a33b12
```
#a33b12 rgb(163,59,18)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#127aa3
```
#127aa3 rgb(18,122,163)
```
#3b12a3
```
#3b12a3 rgb(59,18,163)
```

Tetradic Color

#465e0a
```
#465e0a rgb(70,94,10)
```
#58750d
```
#58750d rgb(88,117,13)
```
#698c0f
```
#698c0f rgb(105,140,15)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#8bba15
```
#8bba15 rgb(139,186,21)
```
#9cd117
```
#9cd117 rgb(156,209,23)
```
#ade61c
```
#ade61c rgb(173,230,28)
```

Monochromatic Color

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

#9ea312
```
#9ea312 rgb(158,163,18)
```
#92a312
```
#92a312 rgb(146,163,18)
```
#86a312
```
#86a312 rgb(134,163,18)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#6ea312
```
#6ea312 rgb(110,163,18)
```
#62a312
```
#62a312 rgb(98,163,18)
```
#56a312
```
#56a312 rgb(86,163,18)
```

Similar Colors

Text with hexadecimal color #7aa312

This text has a font color of #7aa312.

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

#7aa312 background color

This paragraph has a background color of #7aa312.

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

#7aa312 border color

This element has a border color of #7aa312.

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

CSS codes

.text {color:#7aa312;}

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

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

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

#030400
```
#030400 rgb(3,4,0)
```
#101602
```
#101602 rgb(16,22,2)
```
#1d2704
```
#1d2704 rgb(29,39,4)
```
#2b3906
```
#2b3906 rgb(43,57,6)
```
#384b08
```
#384b08 rgb(56,75,8)
```
#455c0a
```
#455c0a rgb(69,92,10)
```
#526e0c
```
#526e0c rgb(82,110,12)
```
#60800e
```
#60800e rgb(96,128,14)
```
#6d9110
```
#6d9110 rgb(109,145,16)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#87b514
```
#87b514 rgb(135,181,20)
```
#94c616
```
#94c616 rgb(148,198,22)
```
#a2d818
```
#a2d818 rgb(162,216,24)
```

Shade Color Variation

#ade61d
```
#ade61d rgb(173,230,29)
```
#b4e82f
```
#b4e82f rgb(180,232,47)
```
#baea41
```
#baea41 rgb(186,234,65)
```
#c1ec52
```
#c1ec52 rgb(193,236,82)
```
#c7ee64
```
#c7ee64 rgb(199,238,100)
```
#cdf076
```
#cdf076 rgb(205,240,118)
```
#d4f287
```
#d4f287 rgb(212,242,135)
```
#daf499
```
#daf499 rgb(218,244,153)
```
#e0f6ab
```
#e0f6ab rgb(224,246,171)
```
#e7f8bc
```
#e7f8bc rgb(231,248,188)
```
#edface
```
#edface rgb(237,250,206)
```
#f4fce0
```
#f4fce0 rgb(244,252,224)
```
#fafdf1
```
#fafdf1 rgb(250,253,241)
```

Tint Color Variation

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

#5c5d58
```
#5c5d58 rgb(92,93,88)
```
#5f6451
```
#5f6451 rgb(95,100,81)
```
#626b4a
```
#626b4a rgb(98,107,74)
```
#657243
```
#657243 rgb(101,114,67)
```
#68793c
```
#68793c rgb(104,121,60)
```
#6b8035
```
#6b8035 rgb(107,128,53)
```
#6e872e
```
#6e872e rgb(110,135,46)
```
#718e27
```
#718e27 rgb(113,142,39)
```
#749520
```
#749520 rgb(116,149,32)
```
#779c19
```
#779c19 rgb(119,156,25)
```
#7aa312
```
#7aa312 rgb(122,163,18)
```
#7daa0b
```
#7daa0b rgb(125,170,11)
```
#80b104
```
#80b104 rgb(128,177,4)
```

Tone Color Variation

Below, you can see how #7aa312 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
#848c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9b1a Protanopia 1% of men
#c1932d Deuteranopia 1% of men
#919ca7 Tritanopia 0.001% of the population

Trichromacy

#9b9e17 Protanomaly 1% of men, 0.01% of women
#a79923 Deuteranomaly 6% of men, 0.4% of women
#889f71 Tritanomaly 0.01% of the population