#3afa1f hex color

In a RGB color space, hex #3afa1f is composed of 22.7% red, 98% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 87.6% yellow and 2% black. It has a hue angle of 112.6 degrees, a saturation of 95.6% and a lightness of 55.1%. #3afa1f color hex could be obtained by blending #74ff3e with #00f500. Closest websafe color is: #33ff33.

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

● #3afa1f color description : Vivid lime green.

The hexadecimal color #3afa1f has RGB values of R:58, G:250, B:31 and CMYK values of C:0.77, M:0, Y:0.88, K:0.02. Its decimal value is 3865119.

Hex triplet	3afa1f	`#3afa1f`
RGB Decimal	58, 250, 31	`rgb(58,250,31)`
RGB Percent	22.7, 98, 12.2	`rgb(22.7%,98%,12.2%)`
CMYK	77, 0, 88, 2
HSL	112.6°, 95.6, 55.1	`hsl(112.6,95.6%,55.1%)`
HSV (or HSB)	112.6°, 87.6, 98
Web Safe	33ff33	`#33ff33`

CIE-LAB	86.685, -80.256, 79.123
XYZ	36.176, 69.366, 12.779
xyY	0.306, 0.586, 69.366
CIE-LCH	86.685, 112.701, 135.407
CIE-LUV	86.685, -76.698, 103.188
Hunter-Lab	83.286, -68.218, 49.203
Binary	00111010, 11111010, 00011111

#3afa1f
```
#3afa1f rgb(58,250,31)
```
#df1ffa
```
#df1ffa rgb(223,31,250)
```

Complementary Color

#a8fa1f
```
#a8fa1f rgb(168,250,31)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```
#1ffa72
```
#1ffa72 rgb(31,250,114)
```

Analogous Color

#fa1fa8
```
#fa1fa8 rgb(250,31,168)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```
#721ffa
```
#721ffa rgb(114,31,250)
```

Split Complementary Color

#fa1f3a
```
#fa1f3a rgb(250,31,58)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```
#1f3afa
```
#1f3afa rgb(31,58,250)
```

Triadic Color

#fadf1f
```
#fadf1f rgb(250,223,31)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```
#1f3afa
```
#1f3afa rgb(31,58,250)
```
#df1ffa
```
#df1ffa rgb(223,31,250)
```

Tetradic Color

#1dc804
```
#1dc804 rgb(29,200,4)
```
#20e105
```
#20e105 rgb(32,225,5)
```
#24f906
```
#24f906 rgb(36,249,6)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```
#50fb38
```
#50fb38 rgb(80,251,56)
```
#66fb51
```
#66fb51 rgb(102,251,81)
```
#7cfc6a
```
#7cfc6a rgb(124,252,106)
```

Monochromatic Color

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

#71fa1f
```
#71fa1f rgb(113,250,31)
```
#5efa1f
```
#5efa1f rgb(94,250,31)
```
#4cfa1f
```
#4cfa1f rgb(76,250,31)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```
#28fa1f
```
#28fa1f rgb(40,250,31)
```
#1ffa29
```
#1ffa29 rgb(31,250,41)
```
#1ffa3b
```
#1ffa3b rgb(31,250,59)
```

Similar Colors

Text with hexadecimal color #3afa1f

This text has a font color of #3afa1f.

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

#3afa1f background color

This paragraph has a background color of #3afa1f.

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

#3afa1f border color

This element has a border color of #3afa1f.

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

CSS codes

.text {color:#3afa1f;}

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

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

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

#010600
```
#010600 rgb(1,6,0)
```
#041901
```
#041901 rgb(4,25,1)
```
#062d01
```
#062d01 rgb(6,45,1)
```
#094001
```
#094001 rgb(9,64,1)
```
#0c5302
```
#0c5302 rgb(12,83,2)
```
#0f6602
```
#0f6602 rgb(15,102,2)
```
#117903
```
#117903 rgb(17,121,3)
```
#148d03
```
#148d03 rgb(20,141,3)
```
#17a004
```
#17a004 rgb(23,160,4)
```
#1ab304
```
#1ab304 rgb(26,179,4)
```
#1cc604
```
#1cc604 rgb(28,198,4)
```
#1fd905
```
#1fd905 rgb(31,217,5)
```
#22ec05
```
#22ec05 rgb(34,236,5)
```

Shade Color Variation

#29fa0c
```
#29fa0c rgb(41,250,12)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```
#4bfa32
```
#4bfa32 rgb(75,250,50)
```
#5cfb45
```
#5cfb45 rgb(92,251,69)
```
#6dfb59
```
#6dfb59 rgb(109,251,89)
```
#7dfc6c
```
#7dfc6c rgb(125,252,108)
```
#8efc7f
```
#8efc7f rgb(142,252,127)
```
#9ffd92
```
#9ffd92 rgb(159,253,146)
```
#b0fda5
```
#b0fda5 rgb(176,253,165)
```
#c1fdb8
```
#c1fdb8 rgb(193,253,184)
```
#d2fecc
```
#d2fecc rgb(210,254,204)
```
#e3fedf
```
#e3fedf rgb(227,254,223)
```
#f4fff2
```
#f4fff2 rgb(244,255,242)
```

Tint Color Variation

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

#8a9089
```
#8a9089 rgb(138,144,137)
```
#839980
```
#839980 rgb(131,153,128)
```
#7ca277
```
#7ca277 rgb(124,162,119)
```
#76ab6e
```
#76ab6e rgb(118,171,110)
```
#6fb465
```
#6fb465 rgb(111,180,101)
```
#68bc5d
```
#68bc5d rgb(104,188,93)
```
#62c554
```
#62c554 rgb(98,197,84)
```
#5bce4b
```
#5bce4b rgb(91,206,75)
```
#55d742
```
#55d742 rgb(85,215,66)
```
#4ee039
```
#4ee039 rgb(78,224,57)
```
#47e831
```
#47e831 rgb(71,232,49)
```
#41f128
```
#41f128 rgb(65,241,40)
```
#3afa1f
```
#3afa1f rgb(58,250,31)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#92b88d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db20 Protanopia 1% of men
#ffd495 Deuteranopia 1% of men
#84e9fa Tritanopia 0.001% of the population

Trichromacy

#b1e61f Protanomaly 1% of men, 0.01% of women
#b7e26a Deuteranomaly 6% of men, 0.4% of women
#69efaa Tritanomaly 0.01% of the population

#3afa1f hex color

#3afa1f Color Information

#3afa1f Color Conversion

Color Schemes with #3afa1f

Alternatives to #3afa1f

#3afa1f Preview

Shades and Tints of #3afa1f

Tones of #3afa1f

Color Blindness Simulator