#52a316 hex color

In a RGB color space, hex #52a316 is composed of 32.2% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 0% magenta, 86.5% yellow and 36.1% black. It has a hue angle of 94.5 degrees, a saturation of 76.2% and a lightness of 36.3%. #52a316 color hex could be obtained by blending #a4ff2c with #004700. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 32
- G 64
- B 9
RGB color chart
- C 50
- M 0
- Y 87
- K 36
CMYK color chart

● #52a316 color description : Dark green.

The hexadecimal color #52a316 has RGB values of R:82, G:163, B:22 and CMYK values of C:0.5, M:0, Y:0.87, K:0.36. Its decimal value is 5415702.

Hex triplet	52a316	`#52a316`
RGB Decimal	82, 163, 22	`rgb(82,163,22)`
RGB Percent	32.2, 63.9, 8.6	`rgb(32.2%,63.9%,8.6%)`
CMYK	50, 0, 87, 36
HSL	94.5°, 76.2, 36.3	`hsl(94.5,76.2%,36.3%)`
HSV (or HSB)	94.5°, 86.5, 63.9
Web Safe	669900	`#669900`

CIE-LAB	59.929, -47.118, 57.929
XYZ	16.721, 28.045, 5.291
xyY	0.334, 0.56, 28.045
CIE-LCH	59.929, 74.672, 129.124
CIE-LUV	59.929, -39.173, 68.963
Hunter-Lab	52.958, -36.315, 31.146
Binary	01010010, 10100011, 00010110

#52a316
```
#52a316 rgb(82,163,22)
```
#6716a3
```
#6716a3 rgb(103,22,163)
```

Complementary Color

#99a316
```
#99a316 rgb(153,163,22)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#16a320
```
#16a320 rgb(22,163,32)
```

Analogous Color

#a31699
```
#a31699 rgb(163,22,153)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#2016a3
```
#2016a3 rgb(32,22,163)
```

Split Complementary Color

#a31652
```
#a31652 rgb(163,22,82)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#1652a3
```
#1652a3 rgb(22,82,163)
```

Triadic Color

#a36716
```
#a36716 rgb(163,103,22)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#1652a3
```
#1652a3 rgb(22,82,163)
```
#6716a3
```
#6716a3 rgb(103,22,163)
```

Tetradic Color

#30600d
```
#30600d rgb(48,96,13)
```
#3b7610
```
#3b7610 rgb(59,118,16)
```
#478d13
```
#478d13 rgb(71,141,19)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#5db919
```
#5db919 rgb(93,185,25)
```
#69d01c
```
#69d01c rgb(105,208,28)
```
#75e124
```
#75e124 rgb(117,225,36)
```

Monochromatic Color

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

#75a316
```
#75a316 rgb(117,163,22)
```
#6aa316
```
#6aa316 rgb(106,163,22)
```
#5ea316
```
#5ea316 rgb(94,163,22)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#46a316
```
#46a316 rgb(70,163,22)
```
#3ba316
```
#3ba316 rgb(59,163,22)
```
#2fa316
```
#2fa316 rgb(47,163,22)
```

Similar Colors

Text with hexadecimal color #52a316

This text has a font color of #52a316.

<span style="color:#52a316;">Text here</span>

#52a316 background color

This paragraph has a background color of #52a316.

<p style="background-color:#52a316;">Content here</p>

#52a316 border color

This element has a border color of #52a316.

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

CSS codes

.text {color:#52a316;}

.background {background-color:#52a316;}

.border {border:1px solid #52a316;}

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

#040701
```
#040701 rgb(4,7,1)
```
#0c1903
```
#0c1903 rgb(12,25,3)
```
#152a06
```
#152a06 rgb(21,42,6)
```
#1e3b08
```
#1e3b08 rgb(30,59,8)
```
#274d0a
```
#274d0a rgb(39,77,10)
```
#2f5e0d
```
#2f5e0d rgb(47,94,13)
```
#386f0f
```
#386f0f rgb(56,111,15)
```
#418011
```
#418011 rgb(65,128,17)
```
#499214
```
#499214 rgb(73,146,20)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#5bb418
```
#5bb418 rgb(91,180,24)
```
#63c61b
```
#63c61b rgb(99,198,27)
```
#6cd71d
```
#6cd71d rgb(108,215,29)
```

Shade Color Variation

#76e226
```
#76e226 rgb(118,226,38)
```
#81e437
```
#81e437 rgb(129,228,55)
```
#8ce648
```
#8ce648 rgb(140,230,72)
```
#97e95a
```
#97e95a rgb(151,233,90)
```
#a1eb6b
```
#a1eb6b rgb(161,235,107)
```
#aced7c
```
#aced7c rgb(172,237,124)
```
#b7f08d
```
#b7f08d rgb(183,240,141)
```
#c2f29f
```
#c2f29f rgb(194,242,159)
```
#cdf4b0
```
#cdf4b0 rgb(205,244,176)
```
#d8f7c1
```
#d8f7c1 rgb(216,247,193)
```
#e3f9d3
```
#e3f9d3 rgb(227,249,211)
```
#eefbe4
```
#eefbe4 rgb(238,251,228)
```
#f9fef5
```
#f9fef5 rgb(249,254,245)
```

Tint Color Variation

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

#5c6356
```
#5c6356 rgb(92,99,86)
```
#5a6a4f
```
#5a6a4f rgb(90,106,79)
```
#597148
```
#597148 rgb(89,113,72)
```
#587841
```
#587841 rgb(88,120,65)
```
#577f3a
```
#577f3a rgb(87,127,58)
```
#568732
```
#568732 rgb(86,135,50)
```
#558e2b
```
#558e2b rgb(85,142,43)
```
#549524
```
#549524 rgb(84,149,36)
```
#539c1d
```
#539c1d rgb(83,156,29)
```
#52a316
```
#52a316 rgb(82,163,22)
```
#51aa0f
```
#51aa0f rgb(81,170,15)
```
#50b108
```
#50b108 rgb(80,177,8)
```
#4fb801
```
#4fb801 rgb(79,184,1)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#738367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8961d Protanopia 1% of men
#ba8f32 Deuteranopia 1% of men
#729ca8 Tritanopia 0.001% of the population

Trichromacy

#889b1a Protanomaly 1% of men, 0.01% of women
#949628 Deuteranomaly 6% of men, 0.4% of women
#669f72 Tritanomaly 0.01% of the population

#52a316 hex color

#52a316 Color Information

#52a316 Color Conversion

Color Schemes with #52a316

Alternatives to #52a316

#52a316 Preview

Shades and Tints of #52a316

Tones of #52a316

Color Blindness Simulator