colorhexa.com

#3afb2f hex color

In a RGB color space, hex #3afb2f is composed of 22.7% red, 98.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 81.3% yellow and 1.6% black. It has a hue angle of 116.8 degrees, a saturation of 96.2% and a lightness of 58.4%. #3afb2f color hex could be obtained by blending #74ff5e with #00f700. Closest websafe color is: #33ff33.

- R 23
- G 98
- B 18
RGB color chart
- C 77
- M 0
- Y 81
- K 2
CMYK color chart

● #3afb2f color description : Bright lime green.

The hexadecimal color #3afb2f has RGB values of R:58, G:251, B:47 and CMYK values of C:0.77, M:0, Y:0.81, K:0.02. Its decimal value is 3865391.

Hex triplet	3afb2f	`#3afb2f`
RGB Decimal	58, 251, 47	`rgb(58,251,47)`
RGB Percent	22.7, 98.4, 18.4	`rgb(22.7%,98.4%,18.4%)`
CMYK	77, 0, 81, 2
HSL	116.8°, 96.2, 58.4	`hsl(116.8,96.2%,58.4%)`
HSV (or HSB)	116.8°, 81.3, 98.4
Web Safe	33ff33	`#33ff33`

CIE-LAB	87.044, -79.884, 76.043
XYZ	36.753, 70.095, 14.282
xyY	0.303, 0.579, 70.095
CIE-LCH	87.044, 110.291, 136.411
CIE-LUV	87.044, -76.786, 101.204
Hunter-Lab	83.723, -68.156, 48.492
Binary	00111010, 11111011, 00101111

#3afb2f
```
#3afb2f rgb(58,251,47)
```
#f02ffb
```
#f02ffb rgb(240,47,251)
```

Complementary Color

#a0fb2f
```
#a0fb2f rgb(160,251,47)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```
#2ffb8a
```
#2ffb8a rgb(47,251,138)
```

Analogous Color

#fb2fa0
```
#fb2fa0 rgb(251,47,160)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```
#8a2ffb
```
#8a2ffb rgb(138,47,251)
```

Split Complementary Color

#fb2f3a
```
#fb2f3a rgb(251,47,58)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```
#2f3afb
```
#2f3afb rgb(47,58,251)
```

Triadic Color

#fbf02f
```
#fbf02f rgb(251,240,47)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```
#2f3afb
```
#2f3afb rgb(47,58,251)
```
#f02ffb
```
#f02ffb rgb(240,47,251)
```

Tetradic Color

#10d904
```
#10d904 rgb(16,217,4)
```
#11f205
```
#11f205 rgb(17,242,5)
```
#22fb16
```
#22fb16 rgb(34,251,22)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```
#52fb48
```
#52fb48 rgb(82,251,72)
```
#69fc61
```
#69fc61 rgb(105,252,97)
```
#81fc7a
```
#81fc7a rgb(129,252,122)
```

Monochromatic Color

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

#6dfb2f
```
#6dfb2f rgb(109,251,47)
```
#5cfb2f
```
#5cfb2f rgb(92,251,47)
```
#4bfb2f
```
#4bfb2f rgb(75,251,47)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```
#2ffb35
```
#2ffb35 rgb(47,251,53)
```
#2ffb46
```
#2ffb46 rgb(47,251,70)
```
#2ffb57
```
#2ffb57 rgb(47,251,87)
```

Similar Colors

Text with hexadecimal color #3afb2f

This text has a font color of #3afb2f.

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

#3afb2f background color

This paragraph has a background color of #3afb2f.

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

#3afb2f border color

This element has a border color of #3afb2f.

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

CSS codes

.text {color:#3afb2f;}

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

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

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

#000400
```
#000400 rgb(0,4,0)
```
#021700
```
#021700 rgb(2,23,0)
```
#032a01
```
#032a01 rgb(3,42,1)
```
#043d01
```
#043d01 rgb(4,61,1)
```
#065102
```
#065102 rgb(6,81,2)
```
#076402
```
#076402 rgb(7,100,2)
```
#097702
```
#097702 rgb(9,119,2)
```
#0a8a03
```
#0a8a03 rgb(10,138,3)
```
#0b9e03
```
#0b9e03 rgb(11,158,3)
```
#0db103
```
#0db103 rgb(13,177,3)
```
#0ec404
```
#0ec404 rgb(14,196,4)
```
#10d704
```
#10d704 rgb(16,215,4)
```
#11eb05
```
#11eb05 rgb(17,235,5)
```

Shade Color Variation

#16fa09
```
#16fa09 rgb(22,250,9)
```
#28fb1c
```
#28fb1c rgb(40,251,28)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```
#4cfb42
```
#4cfb42 rgb(76,251,66)
```
#5efc55
```
#5efc55 rgb(94,252,85)
```
#71fc69
```
#71fc69 rgb(113,252,105)
```
#83fc7c
```
#83fc7c rgb(131,252,124)
```
#95fd8f
```
#95fd8f rgb(149,253,143)
```
#a7fda2
```
#a7fda2 rgb(167,253,162)
```
#bafeb6
```
#bafeb6 rgb(186,254,182)
```
#ccfec9
```
#ccfec9 rgb(204,254,201)
```
#defedc
```
#defedc rgb(222,254,220)
```
#f0ffef
```
#f0ffef rgb(240,255,239)
```

Tint Color Variation

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

#919991
```
#919991 rgb(145,153,145)
```
#8aa189
```
#8aa189 rgb(138,161,137)
```
#83a981
```
#83a981 rgb(131,169,129)
```
#7bb278
```
#7bb278 rgb(123,178,120)
```
#74ba70
```
#74ba70 rgb(116,186,112)
```
#6dc268
```
#6dc268 rgb(109,194,104)
```
#66ca60
```
#66ca60 rgb(102,202,96)
```
#5ed258
```
#5ed258 rgb(94,210,88)
```
#57da50
```
#57da50 rgb(87,218,80)
```
#50e347
```
#50e347 rgb(80,227,71)
```
#49eb3f
```
#49eb3f rgb(73,235,63)
```
#41f337
```
#41f337 rgb(65,243,55)
```
#3afb2f
```
#3afb2f rgb(58,251,47)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#94ba91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6dc31 Protanopia 1% of men
#ffd599 Deuteranopia 1% of men
#84eafb Tritanopia 0.001% of the population

Trichromacy

#b1e730 Protanomaly 1% of men, 0.01% of women
#b7e372 Deuteranomaly 6% of men, 0.4% of women
#69f0b1 Tritanomaly 0.01% of the population