#3dff60 hex color

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

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

● #3dff60 color description : Light lime green.

The hexadecimal color #3dff60 has RGB values of R:61, G:255, B:96 and CMYK values of C:0.76, M:0, Y:0.62, K:0. Its decimal value is 4063072.

Hex triplet	3dff60	`#3dff60`
RGB Decimal	61, 255, 96	`rgb(61,255,96)`
RGB Percent	23.9, 100, 37.6	`rgb(23.9%,100%,37.6%)`
CMYK	76, 0, 62, 0
HSL	130.8°, 100, 62	`hsl(130.8,100%,62%)`
HSV (or HSB)	130.8°, 76.1, 100
Web Safe	33ff66	`#33ff66`

CIE-LAB	88.616, -76.881, 61.042
XYZ	39.793, 73.353, 23.127
xyY	0.292, 0.538, 73.353
CIE-LCH	88.616, 98.167, 141.551
CIE-LUV	88.616, -76.301, 89.284
Hunter-Lab	85.646, -66.945, 43.942
Binary	00111101, 11111111, 01100000

#3dff60
```
#3dff60 rgb(61,255,96)
```
#ff3ddc
```
#ff3ddc rgb(255,61,220)
```

Complementary Color

#7bff3d
```
#7bff3d rgb(123,255,61)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#3dffc1
```
#3dffc1 rgb(61,255,193)
```

Analogous Color

#ff3d7b
```
#ff3d7b rgb(255,61,123)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#c13dff
```
#c13dff rgb(193,61,255)
```

Split Complementary Color

#ff603d
```
#ff603d rgb(255,96,61)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#603dff
```
#603dff rgb(96,61,255)
```

Triadic Color

#dcff3d
```
#dcff3d rgb(220,255,61)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#603dff
```
#603dff rgb(96,61,255)
```
#ff3ddc
```
#ff3ddc rgb(255,61,220)
```

Tetradic Color

#00f02b
```
#00f02b rgb(0,240,43)
```
#0aff36
```
#0aff36 rgb(10,255,54)
```
#24ff4b
```
#24ff4b rgb(36,255,75)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#57ff75
```
#57ff75 rgb(87,255,117)
```
#70ff8a
```
#70ff8a rgb(112,255,138)
```
#8aff9f
```
#8aff9f rgb(138,255,159)
```

Monochromatic Color

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

#4bff3d
```
#4bff3d rgb(75,255,61)
```
#3dff40
```
#3dff40 rgb(61,255,64)
```
#3dff50
```
#3dff50 rgb(61,255,80)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#3dff70
```
#3dff70 rgb(61,255,112)
```
#3dff80
```
#3dff80 rgb(61,255,128)
```
#3dff91
```
#3dff91 rgb(61,255,145)
```

Similar Colors

Text with hexadecimal color #3dff60

This text has a font color of #3dff60.

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

#3dff60 background color

This paragraph has a background color of #3dff60.

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

#3dff60 border color

This element has a border color of #3dff60.

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

CSS codes

.text {color:#3dff60;}

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

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

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 #eefff1 is the lightest one.

#000200
```
#000200 rgb(0,2,0)
```
#001604
```
#001604 rgb(0,22,4)
```
#002907
```
#002907 rgb(0,41,7)
```
#003d0b
```
#003d0b rgb(0,61,11)
```
#00510f
```
#00510f rgb(0,81,15)
```
#006412
```
#006412 rgb(0,100,18)
```
#007816
```
#007816 rgb(0,120,22)
```
#008b19
```
#008b19 rgb(0,139,25)
```
#009f1d
```
#009f1d rgb(0,159,29)
```
#00b320
```
#00b320 rgb(0,179,32)
```
#00c624
```
#00c624 rgb(0,198,36)
```
#00da27
```
#00da27 rgb(0,218,39)
```
#00ee2b
```
#00ee2b rgb(0,238,43)
```

Shade Color Variation

#02ff30
```
#02ff30 rgb(2,255,48)
```
#16ff40
```
#16ff40 rgb(22,255,64)
```
#29ff50
```
#29ff50 rgb(41,255,80)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#51ff70
```
#51ff70 rgb(81,255,112)
```
#64ff80
```
#64ff80 rgb(100,255,128)
```
#78ff90
```
#78ff90 rgb(120,255,144)
```
#8bffa0
```
#8bffa0 rgb(139,255,160)
```
#9fffb0
```
#9fffb0 rgb(159,255,176)
```
#b3ffc0
```
#b3ffc0 rgb(179,255,192)
```
#c6ffd1
```
#c6ffd1 rgb(198,255,209)
```
#daffe1
```
#daffe1 rgb(218,255,225)
```
#eefff1
```
#eefff1 rgb(238,255,241)
```

Tint Color Variation

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

#97a599
```
#97a599 rgb(151,165,153)
```
#8fad94
```
#8fad94 rgb(143,173,148)
```
#88b490
```
#88b490 rgb(136,180,144)
```
#80bc8b
```
#80bc8b rgb(128,188,139)
```
#79c386
```
#79c386 rgb(121,195,134)
```
#71cb81
```
#71cb81 rgb(113,203,129)
```
#6ad27d
```
#6ad27d rgb(106,210,125)
```
#62da78
```
#62da78 rgb(98,218,120)
```
#5be173
```
#5be173 rgb(91,225,115)
```
#53e96e
```
#53e96e rgb(83,233,110)
```
#4cf06a
```
#4cf06a rgb(76,240,106)
```
#44f865
```
#44f865 rgb(68,248,101)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#9bc2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e05f Protanopia 1% of men
#ffdaac Deuteranopia 1% of men
#8deeff Tritanopia 0.001% of the population

Trichromacy

#b4eb5f Protanomaly 1% of men, 0.01% of women
#b8e790 Deuteranomaly 6% of men, 0.4% of women
#70f4c5 Tritanomaly 0.01% of the population

#3dff60 hex color

#3dff60 Color Information

#3dff60 Color Conversion

Color Schemes with #3dff60

Alternatives to #3dff60

#3dff60 Preview

Shades and Tints of #3dff60

Tones of #3dff60

Color Blindness Simulator