#5fa345 hex color

In a RGB color space, hex #5fa345 is composed of 37.3% red, 63.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 57.7% yellow and 36.1% black. It has a hue angle of 103.4 degrees, a saturation of 40.5% and a lightness of 45.5%. #5fa345 color hex could be obtained by blending #beff8a with #004700. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 37
- G 64
- B 27
RGB color chart
- C 42
- M 0
- Y 58
- K 36
CMYK color chart

● #5fa345 color description : Dark moderate green.

The hexadecimal color #5fa345 has RGB values of R:95, G:163, B:69 and CMYK values of C:0.42, M:0, Y:0.58, K:0.36. Its decimal value is 6267717.

Hex triplet	5fa345	`#5fa345`
RGB Decimal	95, 163, 69	`rgb(95,163,69)`
RGB Percent	37.3, 63.9, 27.1	`rgb(37.3%,63.9%,27.1%)`
CMYK	42, 0, 58, 36
HSL	103.4°, 40.5, 45.5	`hsl(103.4,40.5%,45.5%)`
HSV (or HSB)	103.4°, 57.7, 63.9
Web Safe	669933	`#669933`

CIE-LAB	60.831, -39.38, 41.507
XYZ	18.89, 29.056, 10.243
xyY	0.325, 0.499, 29.056
CIE-LCH	60.831, 57.216, 133.494
CIE-LUV	60.831, -33.367, 55.623
Hunter-Lab	53.904, -31.778, 26.466
Binary	01011111, 10100011, 01000101

#5fa345
```
#5fa345 rgb(95,163,69)
```
#8945a3
```
#8945a3 rgb(137,69,163)
```

Complementary Color

#8ea345
```
#8ea345 rgb(142,163,69)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#45a35a
```
#45a35a rgb(69,163,90)
```

Analogous Color

#a3458e
```
#a3458e rgb(163,69,142)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#5a45a3
```
#5a45a3 rgb(90,69,163)
```

Split Complementary Color

#a3455f
```
#a3455f rgb(163,69,95)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#455fa3
```
#455fa3 rgb(69,95,163)
```

Triadic Color

#a38945
```
#a38945 rgb(163,137,69)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#455fa3
```
#455fa3 rgb(69,95,163)
```
#8945a3
```
#8945a3 rgb(137,69,163)
```

Tetradic Color

#406d2e
```
#406d2e rgb(64,109,46)
```
#4a7f36
```
#4a7f36 rgb(74,127,54)
```
#55913d
```
#55913d rgb(85,145,61)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#6ab44e
```
#6ab44e rgb(106,180,78)
```
#79bb60
```
#79bb60 rgb(121,187,96)
```
#88c371
```
#88c371 rgb(136,195,113)
```

Monochromatic Color

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

#77a345
```
#77a345 rgb(119,163,69)
```
#6fa345
```
#6fa345 rgb(111,163,69)
```
#67a345
```
#67a345 rgb(103,163,69)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#57a345
```
#57a345 rgb(87,163,69)
```
#4fa345
```
#4fa345 rgb(79,163,69)
```
#48a345
```
#48a345 rgb(72,163,69)
```

Similar Colors

Text with hexadecimal color #5fa345

This text has a font color of #5fa345.

<span style="color:#5fa345;">Text here</span>

#5fa345 background color

This paragraph has a background color of #5fa345.

<p style="background-color:#5fa345;">Content here</p>

#5fa345 border color

This element has a border color of #5fa345.

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

CSS codes

.text {color:#5fa345;}

.background {background-color:#5fa345;}

.border {border:1px solid #5fa345;}

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

#070b05
```
#070b05 rgb(7,11,5)
```
#0f190b
```
#0f190b rgb(15,25,11)
```
#172710
```
#172710 rgb(23,39,16)
```
#1f3516
```
#1f3516 rgb(31,53,22)
```
#27431c
```
#27431c rgb(39,67,28)
```
#2f5022
```
#2f5022 rgb(47,80,34)
```
#375e28
```
#375e28 rgb(55,94,40)
```
#3f6c2e
```
#3f6c2e rgb(63,108,46)
```
#477a33
```
#477a33 rgb(71,122,51)
```
#4f8739
```
#4f8739 rgb(79,135,57)
```
#57953f
```
#57953f rgb(87,149,63)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#67b14b
```
#67b14b rgb(103,177,75)
```

Shade Color Variation

#72b857
```
#72b857 rgb(114,184,87)
```
#7ebe65
```
#7ebe65 rgb(126,190,101)
```
#89c473
```
#89c473 rgb(137,196,115)
```
#95c981
```
#95c981 rgb(149,201,129)
```
#a0cf8e
```
#a0cf8e rgb(160,207,142)
```
#acd59c
```
#acd59c rgb(172,213,156)
```
#b8dbaa
```
#b8dbaa rgb(184,219,170)
```
#c3e1b8
```
#c3e1b8 rgb(195,225,184)
```
#cfe7c5
```
#cfe7c5 rgb(207,231,197)
```
#daecd3
```
#daecd3 rgb(218,236,211)
```
#e6f2e1
```
#e6f2e1 rgb(230,242,225)
```
#f1f8ef
```
#f1f8ef rgb(241,248,239)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737672 is the less saturated color, while #43e107 is the most saturated one.

#737672
```
#737672 rgb(115,118,114)
```
#6f7f69
```
#6f7f69 rgb(111,127,105)
```
#6b8860
```
#6b8860 rgb(107,136,96)
```
#679157
```
#679157 rgb(103,145,87)
```
#639a4e
```
#639a4e rgb(99,154,78)
```
#5fa345
```
#5fa345 rgb(95,163,69)
```
#5bac3c
```
#5bac3c rgb(91,172,60)
```
#57b533
```
#57b533 rgb(87,181,51)
```
#53be2a
```
#53be2a rgb(83,190,42)
```
#4fc721
```
#4fc721 rgb(79,199,33)
```
#4bd018
```
#4bd018 rgb(75,208,24)
```
#47d90f
```
#47d90f rgb(71,217,15)
```
#43e107
```
#43e107 rgb(67,225,7)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7d8a77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89849 Protanopia 1% of men
#b89156 Deuteranopia 1% of men
#799ea9 Tritanopia 0.001% of the population

Trichromacy

#8d9c48 Protanomaly 1% of men, 0.01% of women
#989850 Deuteranomaly 6% of men, 0.4% of women
#709f85 Tritanomaly 0.01% of the population

#5fa345 hex color

#5fa345 Color Information

#5fa345 Color Conversion

Color Schemes with #5fa345

Alternatives to #5fa345

#5fa345 Preview

Shades and Tints of #5fa345

Tones of #5fa345

Color Blindness Simulator