#3af126 hex color

In a RGB color space, hex #3af126 is composed of 22.7% red, 94.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 84.2% yellow and 5.5% black. It has a hue angle of 114.1 degrees, a saturation of 87.9% and a lightness of 54.7%. #3af126 color hex could be obtained by blending #74ff4c with #00e300. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 95
- B 15
RGB color chart
- C 76
- M 0
- Y 84
- K 5
CMYK color chart

● #3af126 color description : Bright lime green.

The hexadecimal color #3af126 has RGB values of R:58, G:241, B:38 and CMYK values of C:0.76, M:0, Y:0.84, K:0.05. Its decimal value is 3862822.

Hex triplet	3af126	`#3af126`
RGB Decimal	58, 241, 38	`rgb(58,241,38)`
RGB Percent	22.7, 94.5, 14.9	`rgb(22.7%,94.5%,14.9%)`
CMYK	76, 0, 84, 5
HSL	114.1°, 87.9, 54.7	`hsl(114.1,87.9%,54.7%)`
HSV (or HSB)	114.1°, 84.2, 94.5
Web Safe	33ff33	`#33ff33`

CIE-LAB	83.938, -77.41, 75.342
XYZ	33.548, 63.947, 12.408
xyY	0.305, 0.582, 63.947
CIE-LCH	83.938, 108.022, 135.776
CIE-LUV	83.938, -73.712, 98.682
Hunter-Lab	79.967, -65.056, 46.777
Binary	00111010, 11110001, 00100110

#3af126
```
#3af126 rgb(58,241,38)
```
#dd26f1
```
#dd26f1 rgb(221,38,241)
```

Complementary Color

#a0f126
```
#a0f126 rgb(160,241,38)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#26f178
```
#26f178 rgb(38,241,120)
```

Analogous Color

#f126a0
```
#f126a0 rgb(241,38,160)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#7826f1
```
#7826f1 rgb(120,38,241)
```

Split Complementary Color

#f1263a
```
#f1263a rgb(241,38,58)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#263af1
```
#263af1 rgb(38,58,241)
```

Triadic Color

#f1dd26
```
#f1dd26 rgb(241,221,38)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#263af1
```
#263af1 rgb(38,58,241)
```
#dd26f1
```
#dd26f1 rgb(221,38,241)
```

Tetradic Color

#1ebe0c
```
#1ebe0c rgb(30,190,12)
```
#22d60e
```
#22d60e rgb(34,214,14)
```
#25ee0f
```
#25ee0f rgb(37,238,15)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#50f33e
```
#50f33e rgb(80,243,62)
```
#65f456
```
#65f456 rgb(101,244,86)
```
#7bf66e
```
#7bf66e rgb(123,246,110)
```

Monochromatic Color

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

#6df126
```
#6df126 rgb(109,241,38)
```
#5cf126
```
#5cf126 rgb(92,241,38)
```
#4bf126
```
#4bf126 rgb(75,241,38)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#29f126
```
#29f126 rgb(41,241,38)
```
#26f134
```
#26f134 rgb(38,241,52)
```
#26f145
```
#26f145 rgb(38,241,69)
```

Similar Colors

Text with hexadecimal color #3af126

This text has a font color of #3af126.

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

#3af126 background color

This paragraph has a background color of #3af126.

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

#3af126 border color

This element has a border color of #3af126.

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

CSS codes

.text {color:#3af126;}

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

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

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

#010400
```
#010400 rgb(1,4,0)
```
#041701
```
#041701 rgb(4,23,1)
```
#062903
```
#062903 rgb(6,41,3)
```
#093b04
```
#093b04 rgb(9,59,4)
```
#0c4e05
```
#0c4e05 rgb(12,78,5)
```
#0f6006
```
#0f6006 rgb(15,96,6)
```
#127307
```
#127307 rgb(18,115,7)
```
#158509
```
#158509 rgb(21,133,9)
```
#18980a
```
#18980a rgb(24,152,10)
```
#1baa0b
```
#1baa0b rgb(27,170,11)
```
#1ebc0c
```
#1ebc0c rgb(30,188,12)
```
#20cf0d
```
#20cf0d rgb(32,207,13)
```
#23e10f
```
#23e10f rgb(35,225,15)
```

Shade Color Variation

#29f014
```
#29f014 rgb(41,240,20)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#4bf238
```
#4bf238 rgb(75,242,56)
```
#5bf34b
```
#5bf34b rgb(91,243,75)
```
#6cf55d
```
#6cf55d rgb(108,245,93)
```
#7df670
```
#7df670 rgb(125,246,112)
```
#8ef782
```
#8ef782 rgb(142,247,130)
```
#9ef895
```
#9ef895 rgb(158,248,149)
```
#aff9a7
```
#aff9a7 rgb(175,249,167)
```
#c0fbb9
```
#c0fbb9 rgb(192,251,185)
```
#d1fccc
```
#d1fccc rgb(209,252,204)
```
#e1fdde
```
#e1fdde rgb(225,253,222)
```
#f2fef1
```
#f2fef1 rgb(242,254,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888f88 is the less saturated color, while #33fa1d is the most saturated one.

#888f88
```
#888f88 rgb(136,143,136)
```
#81987f
```
#81987f rgb(129,152,127)
```
#7aa176
```
#7aa176 rgb(122,161,118)
```
#73aa6d
```
#73aa6d rgb(115,170,109)
```
#6cb364
```
#6cb364 rgb(108,179,100)
```
#65bc5b
```
#65bc5b rgb(101,188,91)
```
#5ec552
```
#5ec552 rgb(94,197,82)
```
#57cd4a
```
#57cd4a rgb(87,205,74)
```
#4fd641
```
#4fd641 rgb(79,214,65)
```
#48df38
```
#48df38 rgb(72,223,56)
```
#41e82f
```
#41e82f rgb(65,232,47)
```
#3af126
```
#3af126 rgb(58,241,38)
```
#33fa1d
```
#33fa1d rgb(51,250,29)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8eb38a Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd428 Protanopia 1% of men
#ffcb73 Deuteranopia 1% of men
#80e1f2 Tritanopia 0.001% of the population

Trichromacy

#acde27 Protanomaly 1% of men, 0.01% of women
#b7d957 Deuteranomaly 6% of men, 0.4% of women
#67e7a8 Tritanomaly 0.01% of the population

#3af126 hex color

#3af126 Color Information

#3af126 Color Conversion

Color Schemes with #3af126

Alternatives to #3af126

#3af126 Preview

Shades and Tints of #3af126

Tones of #3af126

Color Blindness Simulator