#3dff56 hex color

In a RGB color space, hex #3dff56 is composed of 23.9% red, 100% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 66.3% yellow and 0% black. It has a hue angle of 127.7 degrees, a saturation of 100% and a lightness of 62%. #3dff56 color hex could be obtained by blending #7affac with #00ff00. Closest websafe color is: #33ff66.

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

● #3dff56 color description : Light lime green.

The hexadecimal color #3dff56 has RGB values of R:61, G:255, B:86 and CMYK values of C:0.76, M:0, Y:0.66, K:0. Its decimal value is 4063062.

Hex triplet	3dff56	`#3dff56`
RGB Decimal	61, 255, 86	`rgb(61,255,86)`
RGB Percent	23.9, 100, 33.7	`rgb(23.9%,100%,33.7%)`
CMYK	76, 0, 66, 0
HSL	127.7°, 100, 62	`hsl(127.7,100%,62%)`
HSV (or HSB)	127.7°, 76.1, 100
Web Safe	33ff66	`#33ff66`

CIE-LAB	88.533, -77.884, 64.945
XYZ	39.362, 73.18, 20.854
xyY	0.295, 0.549, 73.18
CIE-LCH	88.533, 101.409, 140.177
CIE-LUV	88.533, -76.644, 92.864
Hunter-Lab	85.545, -67.571, 45.428
Binary	00111101, 11111111, 01010110

#3dff56
```
#3dff56 rgb(61,255,86)
```
#ff3de6
```
#ff3de6 rgb(255,61,230)
```

Complementary Color

#85ff3d
```
#85ff3d rgb(133,255,61)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```
#3dffb7
```
#3dffb7 rgb(61,255,183)
```

Analogous Color

#ff3d85
```
#ff3d85 rgb(255,61,133)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```
#b73dff
```
#b73dff rgb(183,61,255)
```

Split Complementary Color

#ff563d
```
#ff563d rgb(255,86,61)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```
#563dff
```
#563dff rgb(86,61,255)
```

Triadic Color

#e6ff3d
```
#e6ff3d rgb(230,255,61)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```
#563dff
```
#563dff rgb(86,61,255)
```
#ff3de6
```
#ff3de6 rgb(255,61,230)
```

Tetradic Color

#00f01f
```
#00f01f rgb(0,240,31)
```
#0aff2a
```
#0aff2a rgb(10,255,42)
```
#24ff40
```
#24ff40 rgb(36,255,64)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```
#57ff6c
```
#57ff6c rgb(87,255,108)
```
#70ff82
```
#70ff82 rgb(112,255,130)
```
#8aff99
```
#8aff99 rgb(138,255,153)
```

Monochromatic Color

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

#55ff3d
```
#55ff3d rgb(85,255,61)
```
#44ff3d
```
#44ff3d rgb(68,255,61)
```
#3dff46
```
#3dff46 rgb(61,255,70)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```
#3dff66
```
#3dff66 rgb(61,255,102)
```
#3dff76
```
#3dff76 rgb(61,255,118)
```
#3dff87
```
#3dff87 rgb(61,255,135)
```

Similar Colors

Text with hexadecimal color #3dff56

This text has a font color of #3dff56.

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

#3dff56 background color

This paragraph has a background color of #3dff56.

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

#3dff56 border color

This element has a border color of #3dff56.

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

CSS codes

.text {color:#3dff56;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#001603
```
#001603 rgb(0,22,3)
```
#002905
```
#002905 rgb(0,41,5)
```
#003d08
```
#003d08 rgb(0,61,8)
```
#00510a
```
#00510a rgb(0,81,10)
```
#00640d
```
#00640d rgb(0,100,13)
```
#00780f
```
#00780f rgb(0,120,15)
```
#008b12
```
#008b12 rgb(0,139,18)
```
#009f14
```
#009f14 rgb(0,159,20)
```
#00b317
```
#00b317 rgb(0,179,23)
```
#00c61a
```
#00c61a rgb(0,198,26)
```
#00da1c
```
#00da1c rgb(0,218,28)
```
#00ee1f
```
#00ee1f rgb(0,238,31)
```

Shade Color Variation

#02ff23
```
#02ff23 rgb(2,255,35)
```
#16ff34
```
#16ff34 rgb(22,255,52)
```
#29ff45
```
#29ff45 rgb(41,255,69)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```
#51ff67
```
#51ff67 rgb(81,255,103)
```
#64ff78
```
#64ff78 rgb(100,255,120)
```
#78ff89
```
#78ff89 rgb(120,255,137)
```
#8bff9a
```
#8bff9a rgb(139,255,154)
```
#9fffab
```
#9fffab rgb(159,255,171)
```
#b3ffbd
```
#b3ffbd rgb(179,255,189)
```
#c6ffce
```
#c6ffce rgb(198,255,206)
```
#daffdf
```
#daffdf rgb(218,255,223)
```
#eefff0
```
#eefff0 rgb(238,255,240)
```

Tint Color Variation

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

#97a598
```
#97a598 rgb(151,165,152)
```
#8fad93
```
#8fad93 rgb(143,173,147)
```
#88b48d
```
#88b48d rgb(136,180,141)
```
#80bc88
```
#80bc88 rgb(128,188,136)
```
#79c382
```
#79c382 rgb(121,195,130)
```
#71cb7d
```
#71cb7d rgb(113,203,125)
```
#6ad277
```
#6ad277 rgb(106,210,119)
```
#62da72
```
#62da72 rgb(98,218,114)
```
#5be16c
```
#5be16c rgb(91,225,108)
```
#53e967
```
#53e967 rgb(83,233,103)
```
#4cf061
```
#4cf061 rgb(76,240,97)
```
#44f85c
```
#44f85c rgb(68,248,92)
```
#3dff56
```
#3dff56 rgb(61,255,86)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#9bc1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e056 Protanopia 1% of men
#ffdaab Deuteranopia 1% of men
#8ceeff Tritanopia 0.001% of the population

Trichromacy

#b4eb56 Protanomaly 1% of men, 0.01% of women
#b8e78c Deuteranomaly 6% of men, 0.4% of women
#6ff4c1 Tritanomaly 0.01% of the population

#3dff56 hex color

#3dff56 Color Information

#3dff56 Color Conversion

Color Schemes with #3dff56

Alternatives to #3dff56

#3dff56 Preview

Shades and Tints of #3dff56

Tones of #3dff56

Color Blindness Simulator