#3af900 hex color

In a RGB color space, hex #3af900 is composed of 22.7% red, 97.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 100% yellow and 2.4% black. It has a hue angle of 106 degrees, a saturation of 100% and a lightness of 48.8%. #3af900 color hex could be obtained by blending #74ff00 with #00f300. Closest websafe color is: #33ff00.

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

● #3af900 color description : Pure (or mostly pure) lime green.

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

Hex triplet	3af900	`#3af900`
RGB Decimal	58, 249, 0	`rgb(58,249,0)`
RGB Percent	22.7, 97.6, 0	`rgb(22.7%,97.6%,0%)`
CMYK	77, 0, 100, 2
HSL	106°, 100, 48.8	`hsl(106,100%,48.8%)`
HSV (or HSB)	106°, 100, 97.6
Web Safe	33ff00	`#33ff00`

CIE-LAB	86.329, -80.592, 82.24
XYZ	35.619, 68.647, 11.373
xyY	0.308, 0.594, 68.647
CIE-LCH	86.329, 115.145, 134.42
CIE-LUV	86.329, -76.598, 105.052
Hunter-Lab	82.854, -68.257, 49.859
Binary	00111010, 11111001, 00000000

#3af900
```
#3af900 rgb(58,249,0)
```
#bf00f9
```
#bf00f9 rgb(191,0,249)
```

Complementary Color

#b7f900
```
#b7f900 rgb(183,249,0)
```
#3af900
```
#3af900 rgb(58,249,0)
```
#00f942
```
#00f942 rgb(0,249,66)
```

Analogous Color

#f900b7
```
#f900b7 rgb(249,0,183)
```
#3af900
```
#3af900 rgb(58,249,0)
```
#4200f9
```
#4200f9 rgb(66,0,249)
```

Split Complementary Color

#f9003a
```
#f9003a rgb(249,0,58)
```
#3af900
```
#3af900 rgb(58,249,0)
```
#003af9
```
#003af9 rgb(0,58,249)
```

Triadic Color

#f9bf00
```
#f9bf00 rgb(249,191,0)
```
#3af900
```
#3af900 rgb(58,249,0)
```
#003af9
```
#003af9 rgb(0,58,249)
```
#bf00f9
```
#bf00f9 rgb(191,0,249)
```

Tetradic Color

#28ad00
```
#28ad00 rgb(40,173,0)
```
#2ec600
```
#2ec600 rgb(46,198,0)
```
#34e000
```
#34e000 rgb(52,224,0)
```
#3af900
```
#3af900 rgb(58,249,0)
```
#4aff14
```
#4aff14 rgb(74,255,20)
```
#5eff2d
```
#5eff2d rgb(94,255,45)
```
#71ff47
```
#71ff47 rgb(113,255,71)
```

Monochromatic Color

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

#78f900
```
#78f900 rgb(120,249,0)
```
#64f900
```
#64f900 rgb(100,249,0)
```
#4ff900
```
#4ff900 rgb(79,249,0)
```
#3af900
```
#3af900 rgb(58,249,0)
```
#25f900
```
#25f900 rgb(37,249,0)
```
#11f900
```
#11f900 rgb(17,249,0)
```
#00f904
```
#00f904 rgb(0,249,4)
```

Similar Colors

Text with hexadecimal color #3af900

This text has a font color of #3af900.

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

#3af900 background color

This paragraph has a background color of #3af900.

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

#3af900 border color

This element has a border color of #3af900.

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

CSS codes

.text {color:#3af900;}

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

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

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, #030e00 is the darkest color, while #fafff9 is the lightest one.

#030e00
```
#030e00 rgb(3,14,0)
```
#082100
```
#082100 rgb(8,33,0)
```
#0c3500
```
#0c3500 rgb(12,53,0)
```
#114800
```
#114800 rgb(17,72,0)
```
#155c00
```
#155c00 rgb(21,92,0)
```
#1a7000
```
#1a7000 rgb(26,112,0)
```
#1f8300
```
#1f8300 rgb(31,131,0)
```
#239700
```
#239700 rgb(35,151,0)
```
#28ab00
```
#28ab00 rgb(40,171,0)
```
#2cbe00
```
#2cbe00 rgb(44,190,0)
```
#31d200
```
#31d200 rgb(49,210,0)
```
#35e500
```
#35e500 rgb(53,229,0)
```
#3af900
```
#3af900 rgb(58,249,0)
```

Shade Color Variation

#46ff0e
```
#46ff0e rgb(70,255,14)
```
#55ff21
```
#55ff21 rgb(85,255,33)
```
#64ff35
```
#64ff35 rgb(100,255,53)
```
#73ff48
```
#73ff48 rgb(115,255,72)
```
#82ff5c
```
#82ff5c rgb(130,255,92)
```
#91ff70
```
#91ff70 rgb(145,255,112)
```
#a0ff83
```
#a0ff83 rgb(160,255,131)
```
#afff97
```
#afff97 rgb(175,255,151)
```
#beffab
```
#beffab rgb(190,255,171)
```
#cdffbe
```
#cdffbe rgb(205,255,190)
```
#dcffd2
```
#dcffd2 rgb(220,255,210)
```
#ebffe5
```
#ebffe5 rgb(235,255,229)
```
#fafff9
```
#fafff9 rgb(250,255,249)
```

Tint Color Variation

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

#778673
```
#778673 rgb(119,134,115)
```
#729069
```
#729069 rgb(114,144,105)
```
#6d9960
```
#6d9960 rgb(109,153,96)
```
#68a356
```
#68a356 rgb(104,163,86)
```
#63ac4d
```
#63ac4d rgb(99,172,77)
```
#5eb643
```
#5eb643 rgb(94,182,67)
```
#59c039
```
#59c039 rgb(89,192,57)
```
#54c930
```
#54c930 rgb(84,201,48)
```
#4ed326
```
#4ed326 rgb(78,211,38)
```
#49dc1d
```
#49dc1d rgb(73,220,29)
```
#44e613
```
#44e613 rgb(68,230,19)
```
#3fef0a
```
#3fef0a rgb(63,239,10)
```
#3af900
```
#3af900 rgb(58,249,0)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8fb583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4da00 Protanopia 1% of men
#ffd390 Deuteranopia 1% of men
#84e8f9 Tritanopia 0.001% of the population

Trichromacy

#b0e500 Protanomaly 1% of men, 0.01% of women
#b7e05b Deuteranomaly 6% of men, 0.4% of women
#69ee9e Tritanomaly 0.01% of the population

#3af900 hex color

#3af900 Color Information

#3af900 Color Conversion

Color Schemes with #3af900

Alternatives to #3af900

#3af900 Preview

Shades and Tints of #3af900

Tones of #3af900

Color Blindness Simulator