#3af969 hex color

In a RGB color space, hex #3af969 is composed of 22.7% red, 97.6% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 57.8% yellow and 2.4% black. It has a hue angle of 134.8 degrees, a saturation of 94.1% and a lightness of 60.2%. #3af969 color hex could be obtained by blending #74ffd2 with #00f300. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 23
- G 98
- B 41
RGB color chart
- C 77
- M 0
- Y 58
- K 2
CMYK color chart

● #3af969 color description : Bright lime green.

The hexadecimal color #3af969 has RGB values of R:58, G:249, B:105 and CMYK values of C:0.77, M:0, Y:0.58, K:0.02. Its decimal value is 3864937.

Hex triplet	3af969	`#3af969`
RGB Decimal	58, 249, 105	`rgb(58,249,105)`
RGB Percent	22.7, 97.6, 41.2	`rgb(22.7%,97.6%,41.2%)`
CMYK	77, 0, 58, 2
HSL	134.8°, 94.1, 60.2	`hsl(134.8,94.1%,60.2%)`
HSV (or HSB)	134.8°, 76.7, 97.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.833, -74.362, 55.159
XYZ	38.168, 69.667, 24.799
xyY	0.288, 0.525, 69.667
CIE-LCH	86.833, 92.586, 143.433
CIE-LUV	86.833, -74.446, 82.763
Hunter-Lab	83.467, -64.441, 40.811
Binary	00111010, 11111001, 01101001

#3af969
```
#3af969 rgb(58,249,105)
```
#f93aca
```
#f93aca rgb(249,58,202)
```

Complementary Color

#6bf93a
```
#6bf93a rgb(107,249,58)
```
#3af969
```
#3af969 rgb(58,249,105)
```
#3af9c9
```
#3af9c9 rgb(58,249,201)
```

Analogous Color

#f93a6b
```
#f93a6b rgb(249,58,107)
```
#3af969
```
#3af969 rgb(58,249,105)
```
#c93af9
```
#c93af9 rgb(201,58,249)
```

Split Complementary Color

#f9693a
```
#f9693a rgb(249,105,58)
```
#3af969
```
#3af969 rgb(58,249,105)
```
#693af9
```
#693af9 rgb(105,58,249)
```

Triadic Color

#caf93a
```
#caf93a rgb(202,249,58)
```
#3af969
```
#3af969 rgb(58,249,105)
```
#693af9
```
#693af9 rgb(105,58,249)
```
#f93aca
```
#f93aca rgb(249,58,202)
```

Tetradic Color

#07e03c
```
#07e03c rgb(7,224,60)
```
#09f743
```
#09f743 rgb(9,247,67)
```
#21f856
```
#21f856 rgb(33,248,86)
```
#3af969
```
#3af969 rgb(58,249,105)
```
#53fa7c
```
#53fa7c rgb(83,250,124)
```
#6bfb8f
```
#6bfb8f rgb(107,251,143)
```
#84fba2
```
#84fba2 rgb(132,251,162)
```

Monochromatic Color

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

#3bf93a
```
#3bf93a rgb(59,249,58)
```
#3af949
```
#3af949 rgb(58,249,73)
```
#3af959
```
#3af959 rgb(58,249,89)
```
#3af969
```
#3af969 rgb(58,249,105)
```
#3af979
```
#3af979 rgb(58,249,121)
```
#3af989
```
#3af989 rgb(58,249,137)
```
#3af999
```
#3af999 rgb(58,249,153)
```

Similar Colors

Text with hexadecimal color #3af969

This text has a font color of #3af969.

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

#3af969 background color

This paragraph has a background color of #3af969.

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

#3af969 border color

This element has a border color of #3af969.

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

CSS codes

.text {color:#3af969;}

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

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

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

#000c03
```
#000c03 rgb(0,12,3)
```
#011f08
```
#011f08 rgb(1,31,8)
```
#02320e
```
#02320e rgb(2,50,14)
```
#024513
```
#024513 rgb(2,69,19)
```
#035918
```
#035918 rgb(3,89,24)
```
#036c1d
```
#036c1d rgb(3,108,29)
```
#047f22
```
#047f22 rgb(4,127,34)
```
#049227
```
#049227 rgb(4,146,39)
```
#05a52c
```
#05a52c rgb(5,165,44)
```
#06b831
```
#06b831 rgb(6,184,49)
```
#06cb37
```
#06cb37 rgb(6,203,55)
```
#07de3c
```
#07de3c rgb(7,222,60)
```
#07f141
```
#07f141 rgb(7,241,65)
```

Shade Color Variation

#14f84c
```
#14f84c rgb(20,248,76)
```
#27f85b
```
#27f85b rgb(39,248,91)
```
#3af969
```
#3af969 rgb(58,249,105)
```
#4dfa77
```
#4dfa77 rgb(77,250,119)
```
#60fa86
```
#60fa86 rgb(96,250,134)
```
#73fb94
```
#73fb94 rgb(115,251,148)
```
#86fba3
```
#86fba3 rgb(134,251,163)
```
#99fcb1
```
#99fcb1 rgb(153,252,177)
```
#acfcc0
```
#acfcc0 rgb(172,252,192)
```
#bffdce
```
#bffdce rgb(191,253,206)
```
#d2fedd
```
#d2fedd rgb(210,254,221)
```
#e5feeb
```
#e5feeb rgb(229,254,235)
```
#f8fffa
```
#f8fffa rgb(248,255,250)
```

Tint Color Variation

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

#989b99
```
#989b99 rgb(152,155,153)
```
#90a395
```
#90a395 rgb(144,163,149)
```
#88ab91
```
#88ab91 rgb(136,171,145)
```
#80b38d
```
#80b38d rgb(128,179,141)
```
#78bb89
```
#78bb89 rgb(120,187,137)
```
#71c285
```
#71c285 rgb(113,194,133)
```
#69ca81
```
#69ca81 rgb(105,202,129)
```
#61d27d
```
#61d27d rgb(97,210,125)
```
#59da79
```
#59da79 rgb(89,218,121)
```
#51e275
```
#51e275 rgb(81,226,117)
```
#4ae971
```
#4ae971 rgb(74,233,113)
```
#42f16d
```
#42f16d rgb(66,241,109)
```
#3af969
```
#3af969 rgb(58,249,105)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#98bea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db67 Protanopia 1% of men
#ffd49e Deuteranopia 1% of men
#7feafb Tritanopia 0.001% of the population

Trichromacy

#afe668 Protanomaly 1% of men, 0.01% of women
#b7e18b Deuteranomaly 6% of men, 0.4% of women
#66efc6 Tritanomaly 0.01% of the population

#3af969 hex color

#3af969 Color Information

#3af969 Color Conversion

Color Schemes with #3af969

Alternatives to #3af969

#3af969 Preview

Shades and Tints of #3af969

Tones of #3af969

Color Blindness Simulator