#3af85a hex color

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

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

● #3af85a color description : Bright lime green.

The hexadecimal color #3af85a has RGB values of R:58, G:248, B:90 and CMYK values of C:0.77, M:0, Y:0.64, K:0.03. Its decimal value is 3864666.

Hex triplet	3af85a	`#3af85a`
RGB Decimal	58, 248, 90	`rgb(58,248,90)`
RGB Percent	22.7, 97.3, 35.3	`rgb(22.7%,97.3%,35.3%)`
CMYK	77, 0, 64, 3
HSL	130.1°, 93.1, 60	`hsl(130.1,93.1%,60%)`
HSV (or HSB)	130.1°, 76.6, 97.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.389, -75.74, 61.002
XYZ	37.156, 68.769, 20.988
xyY	0.293, 0.542, 68.769
CIE-LCH	86.389, 97.251, 141.151
CIE-LUV	86.389, -74.692, 88.251
Hunter-Lab	82.927, -65.145, 43.043
Binary	00111010, 11111000, 01011010

#3af85a
```
#3af85a rgb(58,248,90)
```
#f83ad8
```
#f83ad8 rgb(248,58,216)
```

Complementary Color

#79f83a
```
#79f83a rgb(121,248,58)
```
#3af85a
```
#3af85a rgb(58,248,90)
```
#3af8b9
```
#3af8b9 rgb(58,248,185)
```

Analogous Color

#f83a79
```
#f83a79 rgb(248,58,121)
```
#3af85a
```
#3af85a rgb(58,248,90)
```
#b93af8
```
#b93af8 rgb(185,58,248)
```

Split Complementary Color

#f85a3a
```
#f85a3a rgb(248,90,58)
```
#3af85a
```
#3af85a rgb(58,248,90)
```
#5a3af8
```
#5a3af8 rgb(90,58,248)
```

Triadic Color

#d8f83a
```
#d8f83a rgb(216,248,58)
```
#3af85a
```
#3af85a rgb(58,248,90)
```
#5a3af8
```
#5a3af8 rgb(90,58,248)
```
#f83ad8
```
#f83ad8 rgb(248,58,216)
```

Tetradic Color

#08de2c
```
#08de2c rgb(8,222,44)
```
#09f631
```
#09f631 rgb(9,246,49)
```
#21f745
```
#21f745 rgb(33,247,69)
```
#3af85a
```
#3af85a rgb(58,248,90)
```
#53f96f
```
#53f96f rgb(83,249,111)
```
#6bfa83
```
#6bfa83 rgb(107,250,131)
```
#84fb98
```
#84fb98 rgb(132,251,152)
```

Monochromatic Color

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

#4af83a
```
#4af83a rgb(74,248,58)
```
#3af83a
```
#3af83a rgb(58,248,58)
```
#3af84a
```
#3af84a rgb(58,248,74)
```
#3af85a
```
#3af85a rgb(58,248,90)
```
#3af86a
```
#3af86a rgb(58,248,106)
```
#3af87a
```
#3af87a rgb(58,248,122)
```
#3af88a
```
#3af88a rgb(58,248,138)
```

Similar Colors

Text with hexadecimal color #3af85a

This text has a font color of #3af85a.

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

#3af85a background color

This paragraph has a background color of #3af85a.

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

#3af85a border color

This element has a border color of #3af85a.

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

CSS codes

.text {color:#3af85a;}

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

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

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

#000b02
```
#000b02 rgb(0,11,2)
```
#011e06
```
#011e06 rgb(1,30,6)
```
#02310a
```
#02310a rgb(2,49,10)
```
#02440e
```
#02440e rgb(2,68,14)
```
#035711
```
#035711 rgb(3,87,17)
```
#046a15
```
#046a15 rgb(4,106,21)
```
#047d19
```
#047d19 rgb(4,125,25)
```
#05901d
```
#05901d rgb(5,144,29)
```
#06a320
```
#06a320 rgb(6,163,32)
```
#06b624
```
#06b624 rgb(6,182,36)
```
#07c928
```
#07c928 rgb(7,201,40)
```
#08dc2c
```
#08dc2c rgb(8,220,44)
```
#08ef2f
```
#08ef2f rgb(8,239,47)
```

Shade Color Variation

#14f73a
```
#14f73a rgb(20,247,58)
```
#27f74a
```
#27f74a rgb(39,247,74)
```
#3af85a
```
#3af85a rgb(58,248,90)
```
#4df96a
```
#4df96a rgb(77,249,106)
```
#60f97a
```
#60f97a rgb(96,249,122)
```
#73fa8a
```
#73fa8a rgb(115,250,138)
```
#86fb99
```
#86fb99 rgb(134,251,153)
```
#99fba9
```
#99fba9 rgb(153,251,169)
```
#acfcb9
```
#acfcb9 rgb(172,252,185)
```
#bffdc9
```
#bffdc9 rgb(191,253,201)
```
#d2fdd9
```
#d2fdd9 rgb(210,253,217)
```
#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 #3af85a is the most saturated one.

#989a98
```
#989a98 rgb(152,154,152)
```
#90a293
```
#90a293 rgb(144,162,147)
```
#88aa8e
```
#88aa8e rgb(136,170,142)
```
#81b189
```
#81b189 rgb(129,177,137)
```
#79b984
```
#79b984 rgb(121,185,132)
```
#71c17e
```
#71c17e rgb(113,193,126)
```
#69c979
```
#69c979 rgb(105,201,121)
```
#61d174
```
#61d174 rgb(97,209,116)
```
#59d96f
```
#59d96f rgb(89,217,111)
```
#52e06a
```
#52e06a rgb(82,224,106)
```
#4ae864
```
#4ae864 rgb(74,232,100)
```
#42f05f
```
#42f05f rgb(66,240,95)
```
#3af85a
```
#3af85a rgb(58,248,90)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#96bc9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2da5a Protanopia 1% of men
#ffd397 Deuteranopia 1% of men
#80e9fa Tritanopia 0.001% of the population

Trichromacy

#afe55a Protanomaly 1% of men, 0.01% of women
#b7e081 Deuteranomaly 6% of men, 0.4% of women
#66eec0 Tritanomaly 0.01% of the population

#3af85a hex color

#3af85a Color Information

#3af85a Color Conversion

Color Schemes with #3af85a

Alternatives to #3af85a

#3af85a Preview

Shades and Tints of #3af85a

Tones of #3af85a

Color Blindness Simulator