#3af566 hex color

In a RGB color space, hex #3af566 is composed of 22.7% red, 96.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 58.4% yellow and 3.9% black. It has a hue angle of 134.1 degrees, a saturation of 90.3% and a lightness of 59.4%. #3af566 color hex could be obtained by blending #74ffcc with #00eb00. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 23
- G 96
- B 40
RGB color chart
- C 76
- M 0
- Y 58
- K 4
CMYK color chart

● #3af566 color description : Bright lime green.

The hexadecimal color #3af566 has RGB values of R:58, G:245, B:102 and CMYK values of C:0.76, M:0, Y:0.58, K:0.04. Its decimal value is 3863910.

Hex triplet	3af566	`#3af566`
RGB Decimal	58, 245, 102	`rgb(58,245,102)`
RGB Percent	22.7, 96.1, 40	`rgb(22.7%,96.1%,40%)`
CMYK	76, 0, 58, 4
HSL	134.1°, 90.3, 59.4	`hsl(134.1,90.3%,59.4%)`
HSV (or HSB)	134.1°, 76.3, 96.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	85.585, -73.463, 55.019
XYZ	36.793, 67.16, 23.594
xyY	0.288, 0.527, 67.16
CIE-LCH	85.585, 91.782, 143.169
CIE-LUV	85.585, -73.257, 82.082
Hunter-Lab	81.951, -63.274, 40.296
Binary	00111010, 11110101, 01100110

#3af566
```
#3af566 rgb(58,245,102)
```
#f53ac9
```
#f53ac9 rgb(245,58,201)
```

Complementary Color

#6cf53a
```
#6cf53a rgb(108,245,58)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#3af5c4
```
#3af5c4 rgb(58,245,196)
```

Analogous Color

#f53a6c
```
#f53a6c rgb(245,58,108)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#c43af5
```
#c43af5 rgb(196,58,245)
```

Split Complementary Color

#f5663a
```
#f5663a rgb(245,102,58)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#663af5
```
#663af5 rgb(102,58,245)
```

Triadic Color

#c9f53a
```
#c9f53a rgb(201,245,58)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#663af5
```
#663af5 rgb(102,58,245)
```
#f53ac9
```
#f53ac9 rgb(245,58,201)
```

Tetradic Color

#0bd83b
```
#0bd83b rgb(11,216,59)
```
#0cf042
```
#0cf042 rgb(12,240,66)
```
#22f453
```
#22f453 rgb(34,244,83)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#52f679
```
#52f679 rgb(82,246,121)
```
#6bf78c
```
#6bf78c rgb(107,247,140)
```
#83f99f
```
#83f99f rgb(131,249,159)
```

Monochromatic Color

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

#3df53a
```
#3df53a rgb(61,245,58)
```
#3af547
```
#3af547 rgb(58,245,71)
```
#3af556
```
#3af556 rgb(58,245,86)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#3af576
```
#3af576 rgb(58,245,118)
```
#3af585
```
#3af585 rgb(58,245,133)
```
#3af595
```
#3af595 rgb(58,245,149)
```

Similar Colors

Text with hexadecimal color #3af566

This text has a font color of #3af566.

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

#3af566 background color

This paragraph has a background color of #3af566.

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

#3af566 border color

This element has a border color of #3af566.

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

CSS codes

.text {color:#3af566;}

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

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

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

#000802
```
#000802 rgb(0,8,2)
```
#011b07
```
#011b07 rgb(1,27,7)
```
#022e0d
```
#022e0d rgb(2,46,13)
```
#034012
```
#034012 rgb(3,64,18)
```
#045317
```
#045317 rgb(4,83,23)
```
#05661c
```
#05661c rgb(5,102,28)
```
#067821
```
#067821 rgb(6,120,33)
```
#078b26
```
#078b26 rgb(7,139,38)
```
#089e2b
```
#089e2b rgb(8,158,43)
```
#09b030
```
#09b030 rgb(9,176,48)
```
#0ac335
```
#0ac335 rgb(10,195,53)
```
#0bd63b
```
#0bd63b rgb(11,214,59)
```
#0ce840
```
#0ce840 rgb(12,232,64)
```

Shade Color Variation

#15f349
```
#15f349 rgb(21,243,73)
```
#27f458
```
#27f458 rgb(39,244,88)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#4df674
```
#4df674 rgb(77,246,116)
```
#5ff783
```
#5ff783 rgb(95,247,131)
```
#72f891
```
#72f891 rgb(114,248,145)
```
#85f9a0
```
#85f9a0 rgb(133,249,160)
```
#97faae
```
#97faae rgb(151,250,174)
```
#aafbbd
```
#aafbbd rgb(170,251,189)
```
#bdfccb
```
#bdfccb rgb(189,252,203)
```
#cffdda
```
#cffdda rgb(207,253,218)
```
#e2fee8
```
#e2fee8 rgb(226,254,232)
```
#f5fef7
```
#f5fef7 rgb(245,254,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929d94 is the less saturated color, while #32fd62 is the most saturated one.

#929d94
```
#929d94 rgb(146,157,148)
```
#8aa590
```
#8aa590 rgb(138,165,144)
```
#82ad8c
```
#82ad8c rgb(130,173,140)
```
#7ab588
```
#7ab588 rgb(122,181,136)
```
#72bd84
```
#72bd84 rgb(114,189,132)
```
#6ac57f
```
#6ac57f rgb(106,197,127)
```
#62cd7b
```
#62cd7b rgb(98,205,123)
```
#5ad577
```
#5ad577 rgb(90,213,119)
```
#52dd73
```
#52dd73 rgb(82,221,115)
```
#4ae56e
```
#4ae56e rgb(74,229,110)
```
#42ed6a
```
#42ed6a rgb(66,237,106)
```
#3af566
```
#3af566 rgb(58,245,102)
```
#32fd62
```
#32fd62 rgb(50,253,98)
```

Tone Color Variation

Below, you can see how #3af566 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
#96bb9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd865 Protanopia 1% of men
#ffd091 Deuteranopia 1% of men
#7de7f8 Tritanopia 0.001% of the population

Trichromacy

#ade265 Protanomaly 1% of men, 0.01% of women
#b7dd81 Deuteranomaly 6% of men, 0.4% of women
#65ecc2 Tritanomaly 0.01% of the population

#3af566 hex color

#3af566 Color Information

#3af566 Color Conversion

Color Schemes with #3af566

Alternatives to #3af566

#3af566 Preview

Shades and Tints of #3af566

Tones of #3af566

Color Blindness Simulator