#5fa300 hex color

In a RGB color space, hex #5fa300 is composed of 37.3% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 0% magenta, 100% yellow and 36.1% black. It has a hue angle of 85 degrees, a saturation of 100% and a lightness of 32%. #5fa300 color hex could be obtained by blending #beff00 with #004700. Closest websafe color is: #669900.

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

● #5fa300 color description : Dark green.

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

Hex triplet	5fa300	`#5fa300`
RGB Decimal	95, 163, 0	`rgb(95,163,0)`
RGB Percent	37.3, 63.9, 0	`rgb(37.3%,63.9%,0%)`
CMYK	42, 0, 100, 36
HSL	85°, 100, 32	`hsl(85,100%,32%)`
HSV (or HSB)	85°, 100, 63.9
Web Safe	669900	`#669900`

CIE-LAB	60.45, -43.378, 62.222
XYZ	17.816, 28.626, 4.587
xyY	0.349, 0.561, 28.626
CIE-LCH	60.45, 75.85, 124.882
CIE-LUV	60.45, -33.984, 71.17
Hunter-Lab	53.504, -34.193, 32.37
Binary	01011111, 10100011, 00000000

#5fa300
```
#5fa300 rgb(95,163,0)
```
#4400a3
```
#4400a3 rgb(68,0,163)
```

Complementary Color

#a39600
```
#a39600 rgb(163,150,0)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```
#0ea300
```
#0ea300 rgb(14,163,0)
```

Analogous Color

#9600a3
```
#9600a3 rgb(150,0,163)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```
#000ea3
```
#000ea3 rgb(0,14,163)
```

Split Complementary Color

#a3005f
```
#a3005f rgb(163,0,95)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```
#005fa3
```
#005fa3 rgb(0,95,163)
```

Triadic Color

#a34400
```
#a34400 rgb(163,68,0)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```
#005fa3
```
#005fa3 rgb(0,95,163)
```
#4400a3
```
#4400a3 rgb(68,0,163)
```

Tetradic Color

#325700
```
#325700 rgb(50,87,0)
```
#417000
```
#417000 rgb(65,112,0)
```
#508a00
```
#508a00 rgb(80,138,0)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```
#6ebd00
```
#6ebd00 rgb(110,189,0)
```
#7dd600
```
#7dd600 rgb(125,214,0)
```
#8cf000
```
#8cf000 rgb(140,240,0)
```

Monochromatic Color

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

#88a300
```
#88a300 rgb(136,163,0)
```
#7aa300
```
#7aa300 rgb(122,163,0)
```
#6da300
```
#6da300 rgb(109,163,0)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```
#51a300
```
#51a300 rgb(81,163,0)
```
#44a300
```
#44a300 rgb(68,163,0)
```
#36a300
```
#36a300 rgb(54,163,0)
```

Similar Colors

Text with hexadecimal color #5fa300

This text has a font color of #5fa300.

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

#5fa300 background color

This paragraph has a background color of #5fa300.

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

#5fa300 border color

This element has a border color of #5fa300.

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

CSS codes

.text {color:#5fa300;}

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

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

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

#040600
```
#040600 rgb(4,6,0)
```
#0f1a00
```
#0f1a00 rgb(15,26,0)
```
#1a2d00
```
#1a2d00 rgb(26,45,0)
```
#264100
```
#264100 rgb(38,65,0)
```
#315500
```
#315500 rgb(49,85,0)
```
#3d6800
```
#3d6800 rgb(61,104,0)
```
#487c00
```
#487c00 rgb(72,124,0)
```
#548f00
```
#548f00 rgb(84,143,0)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```
#6ab700
```
#6ab700 rgb(106,183,0)
```
#76ca00
```
#76ca00 rgb(118,202,0)
```
#81de00
```
#81de00 rgb(129,222,0)
```
#8df100
```
#8df100 rgb(141,241,0)
```

Shade Color Variation

#97ff06
```
#97ff06 rgb(151,255,6)
```
#9fff1a
```
#9fff1a rgb(159,255,26)
```
#a8ff2d
```
#a8ff2d rgb(168,255,45)
```
#b0ff41
```
#b0ff41 rgb(176,255,65)
```
#b8ff55
```
#b8ff55 rgb(184,255,85)
```
#c0ff68
```
#c0ff68 rgb(192,255,104)
```
#c8ff7c
```
#c8ff7c rgb(200,255,124)
```
#d0ff8f
```
#d0ff8f rgb(208,255,143)
```
#d9ffa3
```
#d9ffa3 rgb(217,255,163)
```
#e1ffb7
```
#e1ffb7 rgb(225,255,183)
```
#e9ffca
```
#e9ffca rgb(233,255,202)
```
#f1ffde
```
#f1ffde rgb(241,255,222)
```
#f9fff1
```
#f9fff1 rgb(249,255,241)
```

Tint Color Variation

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

#53584b
```
#53584b rgb(83,88,75)
```
#545e45
```
#545e45 rgb(84,94,69)
```
#55643f
```
#55643f rgb(85,100,63)
```
#566b38
```
#566b38 rgb(86,107,56)
```
#577132
```
#577132 rgb(87,113,50)
```
#58772c
```
#58772c rgb(88,119,44)
```
#597d26
```
#597d26 rgb(89,125,38)
```
#5a841f
```
#5a841f rgb(90,132,31)
```
#5b8a19
```
#5b8a19 rgb(91,138,25)
```
#5c9013
```
#5c9013 rgb(92,144,19)
```
#5d960d
```
#5d960d rgb(93,150,13)
```
#5e9d06
```
#5e9d06 rgb(94,157,6)
```
#5fa300
```
#5fa300 rgb(95,163,0)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#768463 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9700 Protanopia 1% of men
#bc9027 Deuteranopia 1% of men
#7c9ca7 Tritanopia 0.001% of the population

Trichromacy

#8e9b00 Protanomaly 1% of men, 0.01% of women
#9a9718 Deuteranomaly 6% of men, 0.4% of women
#719e6a Tritanomaly 0.01% of the population

#5fa300 hex color

#5fa300 Color Information

#5fa300 Color Conversion

Color Schemes with #5fa300

Alternatives to #5fa300

#5fa300 Preview

Shades and Tints of #5fa300

Tones of #5fa300

Color Blindness Simulator