#3af85f hex color

In a RGB color space, hex #3af85f is composed of 22.7% red, 97.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 61.7% yellow and 2.7% black. It has a hue angle of 131.7 degrees, a saturation of 93.1% and a lightness of 60%. #3af85f color hex could be obtained by blending #74ffbe with #00f100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 23
- G 97
- B 37
RGB color chart
- C 77
- M 0
- Y 62
- K 3
CMYK color chart

● #3af85f color description : Bright lime green.

The hexadecimal color #3af85f has RGB values of R:58, G:248, B:95 and CMYK values of C:0.77, M:0, Y:0.62, K:0.03. Its decimal value is 3864671.

Hex triplet	3af85f	`#3af85f`
RGB Decimal	58, 248, 95	`rgb(58,248,95)`
RGB Percent	22.7, 97.3, 37.3	`rgb(22.7%,97.3%,37.3%)`
CMYK	77, 0, 62, 3
HSL	131.7°, 93.1, 60	`hsl(131.7,93.1%,60%)`
HSV (or HSB)	131.7°, 76.6, 97.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.433, -75.208, 58.989
XYZ	37.376, 68.857, 22.147
xyY	0.291, 0.536, 68.857
CIE-LCH	86.433, 95.582, 141.891
CIE-LUV	86.433, -74.511, 86.366
Hunter-Lab	82.98, -64.815, 42.262
Binary	00111010, 11111000, 01011111

#3af85f
```
#3af85f rgb(58,248,95)
```
#f83ad3
```
#f83ad3 rgb(248,58,211)
```

Complementary Color

#74f83a
```
#74f83a rgb(116,248,58)
```
#3af85f
```
#3af85f rgb(58,248,95)
```
#3af8be
```
#3af8be rgb(58,248,190)
```

Analogous Color

#f83a74
```
#f83a74 rgb(248,58,116)
```
#3af85f
```
#3af85f rgb(58,248,95)
```
#be3af8
```
#be3af8 rgb(190,58,248)
```

Split Complementary Color

#f85f3a
```
#f85f3a rgb(248,95,58)
```
#3af85f
```
#3af85f rgb(58,248,95)
```
#5f3af8
```
#5f3af8 rgb(95,58,248)
```

Triadic Color

#d3f83a
```
#d3f83a rgb(211,248,58)
```
#3af85f
```
#3af85f rgb(58,248,95)
```
#5f3af8
```
#5f3af8 rgb(95,58,248)
```
#f83ad3
```
#f83ad3 rgb(248,58,211)
```

Tetradic Color

#08de32
```
#08de32 rgb(8,222,50)
```
#09f637
```
#09f637 rgb(9,246,55)
```
#21f74b
```
#21f74b rgb(33,247,75)
```
#3af85f
```
#3af85f rgb(58,248,95)
```
#53f973
```
#53f973 rgb(83,249,115)
```
#6bfa87
```
#6bfa87 rgb(107,250,135)
```
#84fb9b
```
#84fb9b rgb(132,251,155)
```

Monochromatic Color

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

#44f83a
```
#44f83a rgb(68,248,58)
```
#3af83f
```
#3af83f rgb(58,248,63)
```
#3af84f
```
#3af84f rgb(58,248,79)
```
#3af85f
```
#3af85f rgb(58,248,95)
```
#3af86f
```
#3af86f rgb(58,248,111)
```
#3af87f
```
#3af87f rgb(58,248,127)
```
#3af88f
```
#3af88f rgb(58,248,143)
```

Similar Colors

Text with hexadecimal color #3af85f

This text has a font color of #3af85f.

<span style="color:#3af85f;">Text here</span>

#3af85f background color

This paragraph has a background color of #3af85f.

<p style="background-color:#3af85f;">Content here</p>

#3af85f border color

This element has a border color of #3af85f.

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

CSS codes

.text {color:#3af85f;}

.background {background-color:#3af85f;}

.border {border:1px solid #3af85f;}

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, #000b03 is the darkest color, while #f7fff9 is the lightest one.

#000b03
```
#000b03 rgb(0,11,3)
```
#011e07
```
#011e07 rgb(1,30,7)
```
#02310b
```
#02310b rgb(2,49,11)
```
#02440f
```
#02440f rgb(2,68,15)
```
#035713
```
#035713 rgb(3,87,19)
```
#046a18
```
#046a18 rgb(4,106,24)
```
#047d1c
```
#047d1c rgb(4,125,28)
```
#059020
```
#059020 rgb(5,144,32)
```
#06a324
```
#06a324 rgb(6,163,36)
```
#06b629
```
#06b629 rgb(6,182,41)
```
#07c92d
```
#07c92d rgb(7,201,45)
```
#08dc31
```
#08dc31 rgb(8,220,49)
```
#08ef35
```
#08ef35 rgb(8,239,53)
```

Shade Color Variation

#14f740
```
#14f740 rgb(20,247,64)
```
#27f750
```
#27f750 rgb(39,247,80)
```
#3af85f
```
#3af85f rgb(58,248,95)
```
#4df96e
```
#4df96e rgb(77,249,110)
```
#60f97e
```
#60f97e rgb(96,249,126)
```
#73fa8d
```
#73fa8d rgb(115,250,141)
```
#86fb9d
```
#86fb9d rgb(134,251,157)
```
#99fbac
```
#99fbac rgb(153,251,172)
```
#acfcbb
```
#acfcbb rgb(172,252,187)
```
#bffdcb
```
#bffdcb rgb(191,253,203)
```
#d2fdda
```
#d2fdda rgb(210,253,218)
```
#e4fee9
```
#e4fee9 rgb(228,254,233)
```
#f7fff9
```
#f7fff9 rgb(247,255,249)
```

Tint Color Variation

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

#989a98
```
#989a98 rgb(152,154,152)
```
#90a294
```
#90a294 rgb(144,162,148)
```
#88aa8f
```
#88aa8f rgb(136,170,143)
```
#81b18a
```
#81b18a rgb(129,177,138)
```
#79b985
```
#79b985 rgb(121,185,133)
```
#71c181
```
#71c181 rgb(113,193,129)
```
#69c97c
```
#69c97c rgb(105,201,124)
```
#61d177
```
#61d177 rgb(97,209,119)
```
#59d972
```
#59d972 rgb(89,217,114)
```
#52e06d
```
#52e06d rgb(82,224,109)
```
#4ae869
```
#4ae869 rgb(74,232,105)
```
#42f064
```
#42f064 rgb(66,240,100)
```
#3af85f
```
#3af85f rgb(58,248,95)
```

Tone Color Variation

Below, you can see how #3af85f 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

#aeaeae Achromatopsia 0.005% of the population
#97bd9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2da5e Protanopia 1% of men
#ffd398 Deuteranopia 1% of men
#7fe9fa Tritanopia 0.001% of the population

Trichromacy

#afe55e Protanomaly 1% of men, 0.01% of women
#b7e083 Deuteranomaly 6% of men, 0.4% of women
#66eec1 Tritanomaly 0.01% of the population

#3af85f hex color

#3af85f Color Information

#3af85f Color Conversion

Color Schemes with #3af85f

Alternatives to #3af85f

#3af85f Preview

Shades and Tints of #3af85f

Tones of #3af85f

Color Blindness Simulator