#3caf16 hex color

In a RGB color space, hex #3caf16 is composed of 23.5% red, 68.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 0% magenta, 87.4% yellow and 31.4% black. It has a hue angle of 105.1 degrees, a saturation of 77.7% and a lightness of 38.6%. #3caf16 color hex could be obtained by blending #78ff2c with #005f00. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 24
- G 69
- B 9
RGB color chart
- C 66
- M 0
- Y 87
- K 31
CMYK color chart

● #3caf16 color description : Dark lime green.

The hexadecimal color #3caf16 has RGB values of R:60, G:175, B:22 and CMYK values of C:0.66, M:0, Y:0.87, K:0.31. Its decimal value is 3976982.

Hex triplet	3caf16	`#3caf16`
RGB Decimal	60, 175, 22	`rgb(60,175,22)`
RGB Percent	23.5, 68.6, 8.6	`rgb(23.5%,68.6%,8.6%)`
CMYK	66, 0, 87, 31
HSL	105.1°, 77.7, 38.6	`hsl(105.1,77.7%,38.6%)`
HSV (or HSB)	105.1°, 87.4, 68.6
Web Safe	339900	`#339900`

CIE-LAB	63.075, -57.276, 60.4
XYZ	17.337, 31.677, 5.96
xyY	0.315, 0.576, 31.677
CIE-LCH	63.075, 83.239, 133.479
CIE-LUV	63.075, -50.805, 74.013
Hunter-Lab	56.282, -43.508, 33.12
Binary	00111100, 10101111, 00010110

#3caf16
```
#3caf16 rgb(60,175,22)
```
#8916af
```
#8916af rgb(137,22,175)
```

Complementary Color

#89af16
```
#89af16 rgb(137,175,22)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#16af3d
```
#16af3d rgb(22,175,61)
```

Analogous Color

#af1689
```
#af1689 rgb(175,22,137)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#3d16af
```
#3d16af rgb(61,22,175)
```

Split Complementary Color

#af163c
```
#af163c rgb(175,22,60)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#163caf
```
#163caf rgb(22,60,175)
```

Triadic Color

#af8916
```
#af8916 rgb(175,137,22)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#163caf
```
#163caf rgb(22,60,175)
```
#8916af
```
#8916af rgb(137,22,175)
```

Tetradic Color

#256b0d
```
#256b0d rgb(37,107,13)
```
#2c8210
```
#2c8210 rgb(44,130,16)
```
#349813
```
#349813 rgb(52,152,19)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#44c619
```
#44c619 rgb(68,198,25)
```
#4cdc1c
```
#4cdc1c rgb(76,220,28)
```
#5be52d
```
#5be52d rgb(91,229,45)
```

Monochromatic Color

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

#62af16
```
#62af16 rgb(98,175,22)
```
#56af16
```
#56af16 rgb(86,175,22)
```
#49af16
```
#49af16 rgb(73,175,22)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#2faf16
```
#2faf16 rgb(47,175,22)
```
#23af16
```
#23af16 rgb(35,175,22)
```
#16af16
```
#16af16 rgb(22,175,22)
```

Similar Colors

Text with hexadecimal color #3caf16

This text has a font color of #3caf16.

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

#3caf16 background color

This paragraph has a background color of #3caf16.

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

#3caf16 border color

This element has a border color of #3caf16.

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

CSS codes

.text {color:#3caf16;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#061202
```
#061202 rgb(6,18,2)
```
#0c2404
```
#0c2404 rgb(12,36,4)
```
#123507
```
#123507 rgb(18,53,7)
```
#184609
```
#184609 rgb(24,70,9)
```
#1e580b
```
#1e580b rgb(30,88,11)
```
#24690d
```
#24690d rgb(36,105,13)
```
#2a7b0f
```
#2a7b0f rgb(42,123,15)
```
#308c12
```
#308c12 rgb(48,140,18)
```
#369e14
```
#369e14 rgb(54,158,20)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#42c018
```
#42c018 rgb(66,192,24)
```
#48d21a
```
#48d21a rgb(72,210,26)
```

Shade Color Variation

#4ee31d
```
#4ee31d rgb(78,227,29)
```
#5ce52f
```
#5ce52f rgb(92,229,47)
```
#6ae740
```
#6ae740 rgb(106,231,64)
```
#77e952
```
#77e952 rgb(119,233,82)
```
#85eb63
```
#85eb63 rgb(133,235,99)
```
#92ee74
```
#92ee74 rgb(146,238,116)
```
#a0f086
```
#a0f086 rgb(160,240,134)
```
#aef297
```
#aef297 rgb(174,242,151)
```
#bbf4a9
```
#bbf4a9 rgb(187,244,169)
```
#c9f6ba
```
#c9f6ba rgb(201,246,186)
```
#d7f9cb
```
#d7f9cb rgb(215,249,203)
```
#e4fbdd
```
#e4fbdd rgb(228,251,221)
```
#f2fdee
```
#f2fdee rgb(242,253,238)
```

Tint Color Variation

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

#626362
```
#626362 rgb(98,99,98)
```
#5e6b5a
```
#5e6b5a rgb(94,107,90)
```
#5b7253
```
#5b7253 rgb(91,114,83)
```
#577a4b
```
#577a4b rgb(87,122,75)
```
#538243
```
#538243 rgb(83,130,67)
```
#4f893c
```
#4f893c rgb(79,137,60)
```
#4b9134
```
#4b9134 rgb(75,145,52)
```
#47982d
```
#47982d rgb(71,152,45)
```
#44a025
```
#44a025 rgb(68,160,37)
```
#40a71e
```
#40a71e rgb(64,167,30)
```
#3caf16
```
#3caf16 rgb(60,175,22)
```
#38b70e
```
#38b70e rgb(56,183,14)
```
#34be07
```
#34be07 rgb(52,190,7)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6e8567 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b19e1b Protanopia 1% of men
#c49635 Deuteranopia 1% of men
#69a7b3 Tritanopia 0.001% of the population

Trichromacy

#86a419 Protanomaly 1% of men, 0.01% of women
#929f2a Deuteranomaly 6% of men, 0.4% of women
#58aa7a Tritanomaly 0.01% of the population

#3caf16 hex color

#3caf16 Color Information

#3caf16 Color Conversion

Color Schemes with #3caf16

Alternatives to #3caf16

#3caf16 Preview

Shades and Tints of #3caf16

Tones of #3caf16

Color Blindness Simulator