#3afb48 hex color

In a RGB color space, hex #3afb48 is composed of 22.7% red, 98.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 71.3% yellow and 1.6% black. It has a hue angle of 124.4 degrees, a saturation of 96% and a lightness of 60.6%. #3afb48 color hex could be obtained by blending #74ff90 with #00f700. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 23
- G 98
- B 28
RGB color chart
- C 77
- M 0
- Y 71
- K 2
CMYK color chart

● #3afb48 color description : Bright lime green.

The hexadecimal color #3afb48 has RGB values of R:58, G:251, B:72 and CMYK values of C:0.77, M:0, Y:0.71, K:0.02. Its decimal value is 3865416.

Hex triplet	3afb48	`#3afb48`
RGB Decimal	58, 251, 72	`rgb(58,251,72)`
RGB Percent	22.7, 98.4, 28.2	`rgb(22.7%,98.4%,28.2%)`
CMYK	77, 0, 71, 2
HSL	124.4°, 96, 60.6	`hsl(124.4,96%,60.6%)`
HSV (or HSB)	124.4°, 76.9, 98.4
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.172, -78.282, 68.649
XYZ	37.41, 70.358, 17.739
xyY	0.298, 0.561, 70.358
CIE-LCH	87.172, 104.119, 138.751
CIE-LUV	87.172, -76.227, 95.435
Hunter-Lab	83.88, -67.18, 46.177
Binary	00111010, 11111011, 01001000

#3afb48
```
#3afb48 rgb(58,251,72)
```
#fb3aed
```
#fb3aed rgb(251,58,237)
```

Complementary Color

#8dfb3a
```
#8dfb3a rgb(141,251,58)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```
#3afba9
```
#3afba9 rgb(58,251,169)
```

Analogous Color

#fb3a8d
```
#fb3a8d rgb(251,58,141)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```
#a93afb
```
#a93afb rgb(169,58,251)
```

Split Complementary Color

#fb483a
```
#fb483a rgb(251,72,58)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```
#483afb
```
#483afb rgb(72,58,251)
```

Triadic Color

#edfb3a
```
#edfb3a rgb(237,251,58)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```
#483afb
```
#483afb rgb(72,58,251)
```
#fb3aed
```
#fb3aed rgb(251,58,237)
```

Tetradic Color

#05e415
```
#05e415 rgb(5,228,21)
```
#08fa1a
```
#08fa1a rgb(8,250,26)
```
#21fa31
```
#21fa31 rgb(33,250,49)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```
#53fc5f
```
#53fc5f rgb(83,252,95)
```
#6cfc76
```
#6cfc76 rgb(108,252,118)
```
#85fd8e
```
#85fd8e rgb(133,253,142)
```

Monochromatic Color

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

#5cfb3a
```
#5cfb3a rgb(92,251,58)
```
#4cfb3a
```
#4cfb3a rgb(76,251,58)
```
#3cfb3a
```
#3cfb3a rgb(60,251,58)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```
#3afb58
```
#3afb58 rgb(58,251,88)
```
#3afb68
```
#3afb68 rgb(58,251,104)
```
#3afb78
```
#3afb78 rgb(58,251,120)
```

Similar Colors

Text with hexadecimal color #3afb48

This text has a font color of #3afb48.

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

#3afb48 background color

This paragraph has a background color of #3afb48.

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

#3afb48 border color

This element has a border color of #3afb48.

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

CSS codes

.text {color:#3afb48;}

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

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

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, #000e01 is the darkest color, while #fafffb is the lightest one.

#000e01
```
#000e01 rgb(0,14,1)
```
#012203
```
#012203 rgb(1,34,3)
```
#013505
```
#013505 rgb(1,53,5)
```
#014807
```
#014807 rgb(1,72,7)
```
#025b08
```
#025b08 rgb(2,91,8)
```
#026f0a
```
#026f0a rgb(2,111,10)
```
#03820c
```
#03820c rgb(3,130,12)
```
#03950e
```
#03950e rgb(3,149,14)
```
#03a80f
```
#03a80f rgb(3,168,15)
```
#04bc11
```
#04bc11 rgb(4,188,17)
```
#04cf13
```
#04cf13 rgb(4,207,19)
```
#05e215
```
#05e215 rgb(5,226,21)
```
#05f516
```
#05f516 rgb(5,245,22)
```

Shade Color Variation

#14fa24
```
#14fa24 rgb(20,250,36)
```
#27fb36
```
#27fb36 rgb(39,251,54)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```
#4dfb5a
```
#4dfb5a rgb(77,251,90)
```
#60fc6c
```
#60fc6c rgb(96,252,108)
```
#74fc7e
```
#74fc7e rgb(116,252,126)
```
#87fd8f
```
#87fd8f rgb(135,253,143)
```
#9afda1
```
#9afda1 rgb(154,253,161)
```
#adfdb3
```
#adfdb3 rgb(173,253,179)
```
#c1fec5
```
#c1fec5 rgb(193,254,197)
```
#d4fed7
```
#d4fed7 rgb(212,254,215)
```
#e7ffe9
```
#e7ffe9 rgb(231,255,233)
```
#fafffb
```
#fafffb rgb(250,255,251)
```

Tint Color Variation

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

#979e97
```
#979e97 rgb(151,158,151)
```
#8fa691
```
#8fa691 rgb(143,166,145)
```
#87ae8a
```
#87ae8a rgb(135,174,138)
```
#80b583
```
#80b583 rgb(128,181,131)
```
#78bd7d
```
#78bd7d rgb(120,189,125)
```
#70c576
```
#70c576 rgb(112,197,118)
```
#68cd70
```
#68cd70 rgb(104,205,112)
```
#61d469
```
#61d469 rgb(97,212,105)
```
#59dc62
```
#59dc62 rgb(89,220,98)
```
#51e45c
```
#51e45c rgb(81,228,92)
```
#49ec55
```
#49ec55 rgb(73,236,85)
```
#42f34f
```
#42f34f rgb(66,243,79)
```
#3afb48
```
#3afb48 rgb(58,251,72)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#96bd99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5dc49 Protanopia 1% of men
#ffd59d Deuteranopia 1% of men
#83ebfc Tritanopia 0.001% of the population

Trichromacy

#b1e748 Protanomaly 1% of men, 0.01% of women
#b7e37e Deuteranomaly 6% of men, 0.4% of women
#68f1ba Tritanomaly 0.01% of the population

#3afb48 hex color

#3afb48 Color Information

#3afb48 Color Conversion

Color Schemes with #3afb48

Alternatives to #3afb48

#3afb48 Preview

Shades and Tints of #3afb48

Tones of #3afb48

Color Blindness Simulator