#5faf31 hex color

In a RGB color space, hex #5faf31 is composed of 37.3% red, 68.6% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 0% magenta, 72% yellow and 31.4% black. It has a hue angle of 98.1 degrees, a saturation of 56.3% and a lightness of 43.9%. #5faf31 color hex could be obtained by blending #beff62 with #005f00. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 37
- G 69
- B 19
RGB color chart
- C 46
- M 0
- Y 72
- K 31
CMYK color chart

● #5faf31 color description : Dark green.

The hexadecimal color #5faf31 has RGB values of R:95, G:175, B:49 and CMYK values of C:0.46, M:0, Y:0.72, K:0.31. Its decimal value is 6270769.

Hex triplet	5faf31	`#5faf31`
RGB Decimal	95, 175, 49	`rgb(95,175,49)`
RGB Percent	37.3, 68.6, 19.2	`rgb(37.3%,68.6%,19.2%)`
CMYK	46, 0, 72, 31
HSL	98.1°, 56.3, 43.9	`hsl(98.1,56.3%,43.9%)`
HSV (or HSB)	98.1°, 72, 68.6
Web Safe	669933	`#669933`

CIE-LAB	64.414, -46.257, 54.014
XYZ	20.603, 33.313, 8.25
xyY	0.331, 0.536, 33.313
CIE-LCH	64.414, 71.114, 130.577
CIE-LUV	64.414, -39.056, 68.446
Hunter-Lab	57.718, -37.289, 31.928
Binary	01011111, 10101111, 00110001

#5faf31
```
#5faf31 rgb(95,175,49)
```
#8131af
```
#8131af rgb(129,49,175)
```

Complementary Color

#9eaf31
```
#9eaf31 rgb(158,175,49)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#31af42
```
#31af42 rgb(49,175,66)
```

Analogous Color

#af319e
```
#af319e rgb(175,49,158)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#4231af
```
#4231af rgb(66,49,175)
```

Split Complementary Color

#af315f
```
#af315f rgb(175,49,95)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#315faf
```
#315faf rgb(49,95,175)
```

Triadic Color

#af8131
```
#af8131 rgb(175,129,49)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#315faf
```
#315faf rgb(49,95,175)
```
#8131af
```
#8131af rgb(129,49,175)
```

Tetradic Color

#3f7320
```
#3f7320 rgb(63,115,32)
```
#498726
```
#498726 rgb(73,135,38)
```
#549b2b
```
#549b2b rgb(84,155,43)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#6ac337
```
#6ac337 rgb(106,195,55)
```
#78cc47
```
#78cc47 rgb(120,204,71)
```
#86d15b
```
#86d15b rgb(134,209,91)
```

Monochromatic Color

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

#7faf31
```
#7faf31 rgb(127,175,49)
```
#74af31
```
#74af31 rgb(116,175,49)
```
#6aaf31
```
#6aaf31 rgb(106,175,49)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#55af31
```
#55af31 rgb(85,175,49)
```
#4aaf31
```
#4aaf31 rgb(74,175,49)
```
#40af31
```
#40af31 rgb(64,175,49)
```

Similar Colors

Text with hexadecimal color #5faf31

This text has a font color of #5faf31.

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

#5faf31 background color

This paragraph has a background color of #5faf31.

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

#5faf31 border color

This element has a border color of #5faf31.

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

CSS codes

.text {color:#5faf31;}

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

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

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

#030602
```
#030602 rgb(3,6,2)
```
#0c1606
```
#0c1606 rgb(12,22,6)
```
#14250a
```
#14250a rgb(20,37,10)
```
#1c340f
```
#1c340f rgb(28,52,15)
```
#254413
```
#254413 rgb(37,68,19)
```
#2d5317
```
#2d5317 rgb(45,83,23)
```
#35621c
```
#35621c rgb(53,98,28)
```
#3e7220
```
#3e7220 rgb(62,114,32)
```
#468124
```
#468124 rgb(70,129,36)
```
#4e9028
```
#4e9028 rgb(78,144,40)
```
#57a02d
```
#57a02d rgb(87,160,45)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#67be35
```
#67be35 rgb(103,190,53)
```

Shade Color Variation

#71c93e
```
#71c93e rgb(113,201,62)
```
#7ccd4e
```
#7ccd4e rgb(124,205,78)
```
#87d25d
```
#87d25d rgb(135,210,93)
```
#93d66c
```
#93d66c rgb(147,214,108)
```
#9eda7c
```
#9eda7c rgb(158,218,124)
```
#a9de8b
```
#a9de8b rgb(169,222,139)
```
#b5e39a
```
#b5e39a rgb(181,227,154)
```
#c0e7a9
```
#c0e7a9 rgb(192,231,169)
```
#cbebb9
```
#cbebb9 rgb(203,235,185)
```
#d7f0c8
```
#d7f0c8 rgb(215,240,200)
```
#e2f4d7
```
#e2f4d7 rgb(226,244,215)
```
#edf8e7
```
#edf8e7 rgb(237,248,231)
```
#f8fdf6
```
#f8fdf6 rgb(248,253,246)
```

Tint Color Variation

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

#6f736d
```
#6f736d rgb(111,115,109)
```
#6d7b65
```
#6d7b65 rgb(109,123,101)
```
#6b845c
```
#6b845c rgb(107,132,92)
```
#688d53
```
#688d53 rgb(104,141,83)
```
#66954b
```
#66954b rgb(102,149,75)
```
#649e42
```
#649e42 rgb(100,158,66)
```
#61a63a
```
#61a63a rgb(97,166,58)
```
#5faf31
```
#5faf31 rgb(95,175,49)
```
#5db828
```
#5db828 rgb(93,184,40)
```
#5ac020
```
#5ac020 rgb(90,192,32)
```
#58c917
```
#58c917 rgb(88,201,23)
```
#56d10f
```
#56d10f rgb(86,209,15)
```
#53da06
```
#53da06 rgb(83,218,6)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#819177 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a137 Protanopia 1% of men
#c69947 Deuteranopia 1% of men
#7ea7b4 Tritanopia 0.001% of the population

Trichromacy

#95a634 Protanomaly 1% of men, 0.01% of women
#a0a13f Deuteranomaly 6% of men, 0.4% of women
#72aa84 Tritanomaly 0.01% of the population

#5faf31 hex color

#5faf31 Color Information

#5faf31 Color Conversion

Color Schemes with #5faf31

Alternatives to #5faf31

#5faf31 Preview

Shades and Tints of #5faf31

Tones of #5faf31

Color Blindness Simulator