#58af3f hex color

In a RGB color space, hex #58af3f is composed of 34.5% red, 68.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 0% magenta, 64% yellow and 31.4% black. It has a hue angle of 106.6 degrees, a saturation of 47.1% and a lightness of 46.7%. #58af3f color hex could be obtained by blending #b0ff7e with #005f00. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 35
- G 69
- B 25
RGB color chart
- C 50
- M 0
- Y 64
- K 31
CMYK color chart

● #58af3f color description : Dark moderate lime green.

The hexadecimal color #58af3f has RGB values of R:88, G:175, B:63 and CMYK values of C:0.5, M:0, Y:0.64, K:0.31. Its decimal value is 5812031.

Hex triplet	58af3f	`#58af3f`
RGB Decimal	88, 175, 63	`rgb(88,175,63)`
RGB Percent	34.5, 68.6, 24.7	`rgb(34.5%,68.6%,24.7%)`
CMYK	50, 0, 64, 31
HSL	106.6°, 47.1, 46.7	`hsl(106.6,47.1%,46.7%)`
HSV (or HSB)	106.6°, 64, 68.6
Web Safe	669933	`#669933`

CIE-LAB	64.236, -47.209, 48.034
XYZ	20.251, 33.092, 10.023
xyY	0.32, 0.522, 33.092
CIE-LCH	64.236, 67.349, 134.504
CIE-LUV	64.236, -41.48, 63.831
Hunter-Lab	57.526, -37.833, 29.938
Binary	01011000, 10101111, 00111111

#58af3f
```
#58af3f rgb(88,175,63)
```
#963faf
```
#963faf rgb(150,63,175)
```

Complementary Color

#90af3f
```
#90af3f rgb(144,175,63)
```
#58af3f
```
#58af3f rgb(88,175,63)
```
#3faf5e
```
#3faf5e rgb(63,175,94)
```

Analogous Color

#af3f90
```
#af3f90 rgb(175,63,144)
```
#58af3f
```
#58af3f rgb(88,175,63)
```
#5e3faf
```
#5e3faf rgb(94,63,175)
```

Split Complementary Color

#af3f58
```
#af3f58 rgb(175,63,88)
```
#58af3f
```
#58af3f rgb(88,175,63)
```
#3f58af
```
#3f58af rgb(63,88,175)
```

Triadic Color

#af963f
```
#af963f rgb(175,150,63)
```
#58af3f
```
#58af3f rgb(88,175,63)
```
#3f58af
```
#3f58af rgb(63,88,175)
```
#963faf
```
#963faf rgb(150,63,175)
```

Tetradic Color

#3c772b
```
#3c772b rgb(60,119,43)
```
#458a32
```
#458a32 rgb(69,138,50)
```
#4f9c38
```
#4f9c38 rgb(79,156,56)
```
#58af3f
```
#58af3f rgb(88,175,63)
```
#64be4a
```
#64be4a rgb(100,190,74)
```
#74c55d
```
#74c55d rgb(116,197,93)
```
#84cb6f
```
#84cb6f rgb(132,203,111)
```

Monochromatic Color

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

#74af3f
```
#74af3f rgb(116,175,63)
```
#6baf3f
```
#6baf3f rgb(107,175,63)
```
#61af3f
```
#61af3f rgb(97,175,63)
```
#58af3f
```
#58af3f rgb(88,175,63)
```
#4faf3f
```
#4faf3f rgb(79,175,63)
```
#45af3f
```
#45af3f rgb(69,175,63)
```
#3faf42
```
#3faf42 rgb(63,175,66)
```

Similar Colors

Text with hexadecimal color #58af3f

This text has a font color of #58af3f.

<span style="color:#58af3f;">Text here</span>

#58af3f background color

This paragraph has a background color of #58af3f.

<p style="background-color:#58af3f;">Content here</p>

#58af3f border color

This element has a border color of #58af3f.

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

CSS codes

.text {color:#58af3f;}

.background {background-color:#58af3f;}

.border {border:1px solid #58af3f;}

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

#010201
```
#010201 rgb(1,2,1)
```
#081006
```
#081006 rgb(8,16,6)
```
#0f1f0b
```
#0f1f0b rgb(15,31,11)
```
#172d10
```
#172d10 rgb(23,45,16)
```
#1e3c15
```
#1e3c15 rgb(30,60,21)
```
#254a1b
```
#254a1b rgb(37,74,27)
```
#2c5820
```
#2c5820 rgb(44,88,32)
```
#346725
```
#346725 rgb(52,103,37)
```
#3b752a
```
#3b752a rgb(59,117,42)
```
#42842f
```
#42842f rgb(66,132,47)
```
#499235
```
#499235 rgb(73,146,53)
```
#51a13a
```
#51a13a rgb(81,161,58)
```
#58af3f
```
#58af3f rgb(88,175,63)
```

Shade Color Variation

#60bc45
```
#60bc45 rgb(96,188,69)
```
#6cc154
```
#6cc154 rgb(108,193,84)
```
#79c762
```
#79c762 rgb(121,199,98)
```
#85cc71
```
#85cc71 rgb(133,204,113)
```
#91d17f
```
#91d17f rgb(145,209,127)
```
#9ed68e
```
#9ed68e rgb(158,214,142)
```
#aadb9c
```
#aadb9c rgb(170,219,156)
```
#b6e1aa
```
#b6e1aa rgb(182,225,170)
```
#c3e6b9
```
#c3e6b9 rgb(195,230,185)
```
#cfebc7
```
#cfebc7 rgb(207,235,199)
```
#dcf0d6
```
#dcf0d6 rgb(220,240,214)
```
#e8f5e4
```
#e8f5e4 rgb(232,245,228)
```
#f4fbf3
```
#f4fbf3 rgb(244,251,243)
```

Tint Color Variation

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

#767876
```
#767876 rgb(118,120,118)
```
#71816d
```
#71816d rgb(113,129,109)
```
#6c8a64
```
#6c8a64 rgb(108,138,100)
```
#67945a
```
#67945a rgb(103,148,90)
```
#629d51
```
#629d51 rgb(98,157,81)
```
#5da648
```
#5da648 rgb(93,166,72)
```
#58af3f
```
#58af3f rgb(88,175,63)
```
#53b836
```
#53b836 rgb(83,184,54)
```
#4ec12d
```
#4ec12d rgb(78,193,45)
```
#49ca24
```
#49ca24 rgb(73,202,36)
```
#44d41a
```
#44d41a rgb(68,212,26)
```
#3fdd11
```
#3fdd11 rgb(63,221,17)
```
#3ae608
```
#3ae608 rgb(58,230,8)
```

Tone Color Variation

Below, you can see how #58af3f 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

#888888 Achromatopsia 0.005% of the population
#7e9079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a143 Protanopia 1% of men
#c49953 Deuteranopia 1% of men
#78a8b4 Tritanopia 0.001% of the population

Trichromacy

#91a642 Protanomaly 1% of men, 0.01% of women
#9da14b Deuteranomaly 6% of men, 0.4% of women
#6caa89 Tritanomaly 0.01% of the population

#58af3f hex color

#58af3f Color Information

#58af3f Color Conversion

Color Schemes with #58af3f

Alternatives to #58af3f

#58af3f Preview

Shades and Tints of #58af3f

Tones of #58af3f

Color Blindness Simulator