colorhexa.com

#3aff40 hex color

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

- R 23
- G 100
- B 25
RGB color chart
- C 77
- M 0
- Y 75
- K 0
CMYK color chart

● #3aff40 color description : Light lime green.

The hexadecimal color #3aff40 has RGB values of R:58, G:255, B:64 and CMYK values of C:0.77, M:0, Y:0.75, K:0. Its decimal value is 3866432.

Hex triplet	3aff40	`#3aff40`
RGB Decimal	58, 255, 64	`rgb(58,255,64)`
RGB Percent	22.7, 100, 25.1	`rgb(22.7%,100%,25.1%)`
CMYK	77, 0, 75, 0
HSL	121.8°, 100, 61.4	`hsl(121.8,100%,61.4%)`
HSV (or HSB)	121.8°, 77.3, 100
Web Safe	33ff33	`#33ff33`

CIE-LAB	88.345, -80.044, 72.478
XYZ	38.428, 72.786, 16.874
xyY	0.3, 0.568, 72.786
CIE-LCH	88.345, 107.982, 137.84
CIE-LUV	88.345, -77.715, 99.248
Hunter-Lab	85.315, -68.899, 47.993
Binary	00111010, 11111111, 01000000

#3aff40
```
#3aff40 rgb(58,255,64)
```
#ff3af9
```
#ff3af9 rgb(255,58,249)
```

Complementary Color

#97ff3a
```
#97ff3a rgb(151,255,58)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```
#3affa3
```
#3affa3 rgb(58,255,163)
```

Analogous Color

#ff3a97
```
#ff3a97 rgb(255,58,151)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```
#a33aff
```
#a33aff rgb(163,58,255)
```

Split Complementary Color

#ff403a
```
#ff403a rgb(255,64,58)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```
#403aff
```
#403aff rgb(64,58,255)
```

Triadic Color

#f9ff3a
```
#f9ff3a rgb(249,255,58)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```
#403aff
```
#403aff rgb(64,58,255)
```
#ff3af9
```
#ff3af9 rgb(255,58,249)
```

Tetradic Color

#00ed07
```
#00ed07 rgb(0,237,7)
```
#07ff0f
```
#07ff0f rgb(7,255,15)
```
#21ff27
```
#21ff27 rgb(33,255,39)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```
#54ff59
```
#54ff59 rgb(84,255,89)
```
#6dff71
```
#6dff71 rgb(109,255,113)
```
#87ff8a
```
#87ff8a rgb(135,255,138)
```

Monochromatic Color

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

#65ff3a
```
#65ff3a rgb(101,255,58)
```
#55ff3a
```
#55ff3a rgb(85,255,58)
```
#44ff3a
```
#44ff3a rgb(68,255,58)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```
#3aff50
```
#3aff50 rgb(58,255,80)
```
#3aff61
```
#3aff61 rgb(58,255,97)
```
#3aff71
```
#3aff71 rgb(58,255,113)
```

Similar Colors

Text with hexadecimal color #3aff40

This text has a font color of #3aff40.

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

#3aff40 background color

This paragraph has a background color of #3aff40.

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

#3aff40 border color

This element has a border color of #3aff40.

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

CSS codes

.text {color:#3aff40;}

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

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

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

#001301
```
#001301 rgb(0,19,1)
```
#002601
```
#002601 rgb(0,38,1)
```
#003a02
```
#003a02 rgb(0,58,2)
```
#004e02
```
#004e02 rgb(0,78,2)
```
#006103
```
#006103 rgb(0,97,3)
```
#007504
```
#007504 rgb(0,117,4)
```
#008804
```
#008804 rgb(0,136,4)
```
#009c05
```
#009c05 rgb(0,156,5)
```
#00b005
```
#00b005 rgb(0,176,5)
```
#00c306
```
#00c306 rgb(0,195,6)
```
#00d707
```
#00d707 rgb(0,215,7)
```
#00eb07
```
#00eb07 rgb(0,235,7)
```
#00fe08
```
#00fe08 rgb(0,254,8)
```

Shade Color Variation

#13ff1a
```
#13ff1a rgb(19,255,26)
```
#26ff2d
```
#26ff2d rgb(38,255,45)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```
#4eff53
```
#4eff53 rgb(78,255,83)
```
#61ff66
```
#61ff66 rgb(97,255,102)
```
#75ff79
```
#75ff79 rgb(117,255,121)
```
#88ff8c
```
#88ff8c rgb(136,255,140)
```
#9cff9f
```
#9cff9f rgb(156,255,159)
```
#b0ffb2
```
#b0ffb2 rgb(176,255,178)
```
#c3ffc5
```
#c3ffc5 rgb(195,255,197)
```
#d7ffd8
```
#d7ffd8 rgb(215,255,216)
```
#ebffeb
```
#ebffeb rgb(235,255,235)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#95a495
```
#95a495 rgb(149,164,149)
```
#8dac8e
```
#8dac8e rgb(141,172,142)
```
#86b387
```
#86b387 rgb(134,179,135)
```
#7ebb80
```
#7ebb80 rgb(126,187,128)
```
#77c279
```
#77c279 rgb(119,194,121)
```
#6fca72
```
#6fca72 rgb(111,202,114)
```
#67d26b
```
#67d26b rgb(103,210,107)
```
#60d964
```
#60d964 rgb(96,217,100)
```
#58e15c
```
#58e15c rgb(88,225,92)
```
#51e855
```
#51e855 rgb(81,232,85)
```
#49f04e
```
#49f04e rgb(73,240,78)
```
#42f747
```
#42f747 rgb(66,247,71)
```
#3aff40
```
#3aff40 rgb(58,255,64)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#97be98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df41 Protanopia 1% of men
#ffd9a7 Deuteranopia 1% of men
#8aeeff Tritanopia 0.001% of the population

Trichromacy

#b3eb41 Protanomaly 1% of men, 0.01% of women
#b7e781 Deuteranomaly 6% of men, 0.4% of women
#6cf4b9 Tritanomaly 0.01% of the population