#3afe66 hex color

In a RGB color space, hex #3afe66 is composed of 22.7% red, 99.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 0% magenta, 59.8% yellow and 0.4% black. It has a hue angle of 133.5 degrees, a saturation of 99% and a lightness of 61.2%. #3afe66 color hex could be obtained by blending #74ffcc with #00fd00. Closest websafe color is: #33ff66.

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

● #3afe66 color description : Bright lime green.

The hexadecimal color #3afe66 has RGB values of R:58, G:254, B:102 and CMYK values of C:0.77, M:0, Y:0.6, K:0. Its decimal value is 3866214.

Hex triplet	3afe66	`#3afe66`
RGB Decimal	58, 254, 102	`rgb(58,254,102)`
RGB Percent	22.7, 99.6, 40	`rgb(22.7%,99.6%,40%)`
CMYK	77, 0, 60, 0
HSL	133.5°, 99, 61.2	`hsl(133.5,99%,61.2%)`
HSV (or HSB)	133.5°, 77.2, 99.6
Web Safe	33ff66	`#33ff66`

CIE-LAB	88.323, -76.281, 58.182
XYZ	39.583, 72.738, 24.523
xyY	0.289, 0.532, 72.738
CIE-LCH	88.323, 95.937, 142.666
CIE-LUV	88.323, -76.196, 86.443
Hunter-Lab	85.287, -66.408, 42.652
Binary	00111010, 11111110, 01100110

#3afe66
```
#3afe66 rgb(58,254,102)
```
#fe3ad2
```
#fe3ad2 rgb(254,58,210)
```

Complementary Color

#70fe3a
```
#70fe3a rgb(112,254,58)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```
#3afec8
```
#3afec8 rgb(58,254,200)
```

Analogous Color

#fe3a70
```
#fe3a70 rgb(254,58,112)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```
#c83afe
```
#c83afe rgb(200,58,254)
```

Split Complementary Color

#fe663a
```
#fe663a rgb(254,102,58)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```
#663afe
```
#663afe rgb(102,58,254)
```

Triadic Color

#d2fe3a
```
#d2fe3a rgb(210,254,58)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```
#663afe
```
#663afe rgb(102,58,254)
```
#fe3ad2
```
#fe3ad2 rgb(254,58,210)
```

Tetradic Color

#01ea36
```
#01ea36 rgb(1,234,54)
```
#07fe3f
```
#07fe3f rgb(7,254,63)
```
#21fe52
```
#21fe52 rgb(33,254,82)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```
#53fe7a
```
#53fe7a rgb(83,254,122)
```
#6dfe8d
```
#6dfe8d rgb(109,254,141)
```
#86fea1
```
#86fea1 rgb(134,254,161)
```

Monochromatic Color

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

#3ffe3a
```
#3ffe3a rgb(63,254,58)
```
#3afe45
```
#3afe45 rgb(58,254,69)
```
#3afe56
```
#3afe56 rgb(58,254,86)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```
#3afe76
```
#3afe76 rgb(58,254,118)
```
#3afe87
```
#3afe87 rgb(58,254,135)
```
#3afe97
```
#3afe97 rgb(58,254,151)
```

Similar Colors

Text with hexadecimal color #3afe66

This text has a font color of #3afe66.

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

#3afe66 background color

This paragraph has a background color of #3afe66.

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

#3afe66 border color

This element has a border color of #3afe66.

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

CSS codes

.text {color:#3afe66;}

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

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

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

#001204
```
#001204 rgb(0,18,4)
```
#002508
```
#002508 rgb(0,37,8)
```
#00390d
```
#00390d rgb(0,57,13)
```
#004c11
```
#004c11 rgb(0,76,17)
```
#006016
```
#006016 rgb(0,96,22)
```
#01731a
```
#01731a rgb(1,115,26)
```
#01871f
```
#01871f rgb(1,135,31)
```
#019a23
```
#019a23 rgb(1,154,35)
```
#01ae28
```
#01ae28 rgb(1,174,40)
```
#01c12c
```
#01c12c rgb(1,193,44)
```
#01d531
```
#01d531 rgb(1,213,49)
```
#01e835
```
#01e835 rgb(1,232,53)
```
#01fc3a
```
#01fc3a rgb(1,252,58)
```

Shade Color Variation

#13fe48
```
#13fe48 rgb(19,254,72)
```
#26fe57
```
#26fe57 rgb(38,254,87)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```
#4efe75
```
#4efe75 rgb(78,254,117)
```
#61fe84
```
#61fe84 rgb(97,254,132)
```
#75fe93
```
#75fe93 rgb(117,254,147)
```
#88fea3
```
#88fea3 rgb(136,254,163)
```
#9cfeb2
```
#9cfeb2 rgb(156,254,178)
```
#afffc1
```
#afffc1 rgb(175,255,193)
```
#c3ffd0
```
#c3ffd0 rgb(195,255,208)
```
#d6ffdf
```
#d6ffdf rgb(214,255,223)
```
#eaffee
```
#eaffee rgb(234,255,238)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

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

#95a398
```
#95a398 rgb(149,163,152)
```
#8eaa94
```
#8eaa94 rgb(142,170,148)
```
#86b290
```
#86b290 rgb(134,178,144)
```
#7fb98c
```
#7fb98c rgb(127,185,140)
```
#77c188
```
#77c188 rgb(119,193,136)
```
#6fc983
```
#6fc983 rgb(111,201,131)
```
#68d07f
```
#68d07f rgb(104,208,127)
```
#60d87b
```
#60d87b rgb(96,216,123)
```
#58e077
```
#58e077 rgb(88,224,119)
```
#51e773
```
#51e773 rgb(81,231,115)
```
#49ef6e
```
#49ef6e rgb(73,239,110)
```
#42f66a
```
#42f66a rgb(66,246,106)
```
#3afe66
```
#3afe66 rgb(58,254,102)
```

Tone Color Variation

Below, you can see how #3afe66 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
#9ac1a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7df64 Protanopia 1% of men
#ffd9ab Deuteranopia 1% of men
#88eeff Tritanopia 0.001% of the population

Trichromacy

#b2ea65 Protanomaly 1% of men, 0.01% of women
#b7e692 Deuteranomaly 6% of men, 0.4% of women
#6bf4c7 Tritanomaly 0.01% of the population

#3afe66 hex color

#3afe66 Color Information

#3afe66 Color Conversion

Color Schemes with #3afe66

Alternatives to #3afe66

#3afe66 Preview

Shades and Tints of #3afe66

Tones of #3afe66

Color Blindness Simulator