#3aff56 hex color

In a RGB color space, hex #3aff56 is composed of 22.7% red, 100% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 66.3% yellow and 0% black. It has a hue angle of 128.5 degrees, a saturation of 100% and a lightness of 61.4%. #3aff56 color hex could be obtained by blending #74ffac with #00ff00. Closest websafe color is: #33ff66.

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

● #3aff56 color description : Light lime green.

The hexadecimal color #3aff56 has RGB values of R:58, G:255, B:86 and CMYK values of C:0.77, M:0, Y:0.66, K:0. Its decimal value is 3866454.

Hex triplet	3aff56	`#3aff56`
RGB Decimal	58, 255, 86	`rgb(58,255,86)`
RGB Percent	22.7, 100, 33.7	`rgb(22.7%,100%,33.7%)`
CMYK	77, 0, 66, 0
HSL	128.5°, 100, 61.4	`hsl(128.5,100%,61.4%)`
HSV (or HSB)	128.5°, 77.3, 100
Web Safe	33ff66	`#33ff66`

CIE-LAB	88.489, -78.262, 64.884
XYZ	39.182, 73.087, 20.846
xyY	0.294, 0.549, 73.087
CIE-LCH	88.489, 101.66, 140.339
CIE-LUV	88.489, -77.094, 92.857
Hunter-Lab	85.491, -67.799, 45.387
Binary	00111010, 11111111, 01010110

#3aff56
```
#3aff56 rgb(58,255,86)
```
#ff3ae3
```
#ff3ae3 rgb(255,58,227)
```

Complementary Color

#81ff3a
```
#81ff3a rgb(129,255,58)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```
#3affb9
```
#3affb9 rgb(58,255,185)
```

Analogous Color

#ff3a81
```
#ff3a81 rgb(255,58,129)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```
#b93aff
```
#b93aff rgb(185,58,255)
```

Split Complementary Color

#ff563a
```
#ff563a rgb(255,86,58)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```
#563aff
```
#563aff rgb(86,58,255)
```

Triadic Color

#e3ff3a
```
#e3ff3a rgb(227,255,58)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```
#563aff
```
#563aff rgb(86,58,255)
```
#ff3ae3
```
#ff3ae3 rgb(255,58,227)
```

Tetradic Color

#00ed22
```
#00ed22 rgb(0,237,34)
```
#07ff2a
```
#07ff2a rgb(7,255,42)
```
#21ff40
```
#21ff40 rgb(33,255,64)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```
#54ff6c
```
#54ff6c rgb(84,255,108)
```
#6dff82
```
#6dff82 rgb(109,255,130)
```
#87ff98
```
#87ff98 rgb(135,255,152)
```

Monochromatic Color

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

#4fff3a
```
#4fff3a rgb(79,255,58)
```
#3fff3a
```
#3fff3a rgb(63,255,58)
```
#3aff46
```
#3aff46 rgb(58,255,70)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```
#3aff66
```
#3aff66 rgb(58,255,102)
```
#3aff77
```
#3aff77 rgb(58,255,119)
```
#3aff87
```
#3aff87 rgb(58,255,135)
```

Similar Colors

Text with hexadecimal color #3aff56

This text has a font color of #3aff56.

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

#3aff56 background color

This paragraph has a background color of #3aff56.

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

#3aff56 border color

This element has a border color of #3aff56.

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

CSS codes

.text {color:#3aff56;}

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

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

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

#001303
```
#001303 rgb(0,19,3)
```
#002605
```
#002605 rgb(0,38,5)
```
#003a08
```
#003a08 rgb(0,58,8)
```
#004e0b
```
#004e0b rgb(0,78,11)
```
#00610e
```
#00610e rgb(0,97,14)
```
#007511
```
#007511 rgb(0,117,17)
```
#008813
```
#008813 rgb(0,136,19)
```
#009c16
```
#009c16 rgb(0,156,22)
```
#00b019
```
#00b019 rgb(0,176,25)
```
#00c31c
```
#00c31c rgb(0,195,28)
```
#00d71f
```
#00d71f rgb(0,215,31)
```
#00eb21
```
#00eb21 rgb(0,235,33)
```
#00fe24
```
#00fe24 rgb(0,254,36)
```

Shade Color Variation

#13ff34
```
#13ff34 rgb(19,255,52)
```
#26ff45
```
#26ff45 rgb(38,255,69)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```
#4eff67
```
#4eff67 rgb(78,255,103)
```
#61ff78
```
#61ff78 rgb(97,255,120)
```
#75ff88
```
#75ff88 rgb(117,255,136)
```
#88ff99
```
#88ff99 rgb(136,255,153)
```
#9cffaa
```
#9cffaa rgb(156,255,170)
```
#b0ffbb
```
#b0ffbb rgb(176,255,187)
```
#c3ffcc
```
#c3ffcc rgb(195,255,204)
```
#d7ffdd
```
#d7ffdd rgb(215,255,221)
```
#ebffed
```
#ebffed rgb(235,255,237)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#95a497
```
#95a497 rgb(149,164,151)
```
#8dac92
```
#8dac92 rgb(141,172,146)
```
#86b38c
```
#86b38c rgb(134,179,140)
```
#7ebb87
```
#7ebb87 rgb(126,187,135)
```
#77c281
```
#77c281 rgb(119,194,129)
```
#6fca7c
```
#6fca7c rgb(111,202,124)
```
#67d277
```
#67d277 rgb(103,210,119)
```
#60d971
```
#60d971 rgb(96,217,113)
```
#58e16c
```
#58e16c rgb(88,225,108)
```
#51e866
```
#51e866 rgb(81,232,102)
```
#49f061
```
#49f061 rgb(73,240,97)
```
#42f75b
```
#42f75b rgb(66,247,91)
```
#3aff56
```
#3aff56 rgb(58,255,86)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#99c19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e056 Protanopia 1% of men
#ffd9aa Deuteranopia 1% of men
#8beeff Tritanopia 0.001% of the population

Trichromacy

#b3eb56 Protanomaly 1% of men, 0.01% of women
#b7e78b Deuteranomaly 6% of men, 0.4% of women
#6df4c1 Tritanomaly 0.01% of the population

#3aff56 hex color

#3aff56 Color Information

#3aff56 Color Conversion

Color Schemes with #3aff56

Alternatives to #3aff56

#3aff56 Preview

Shades and Tints of #3aff56

Tones of #3aff56

Color Blindness Simulator