#3caa18 hex color

In a RGB color space, hex #3caa18 is composed of 23.5% red, 66.7% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 85.9% yellow and 33.3% black. It has a hue angle of 105.2 degrees, a saturation of 75.3% and a lightness of 38%. #3caa18 color hex could be obtained by blending #78ff30 with #005500. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 24
- G 67
- B 9
RGB color chart
- C 65
- M 0
- Y 86
- K 33
CMYK color chart

● #3caa18 color description : Dark lime green.

The hexadecimal color #3caa18 has RGB values of R:60, G:170, B:24 and CMYK values of C:0.65, M:0, Y:0.86, K:0.33. Its decimal value is 3975704.

Hex triplet	3caa18	`#3caa18`
RGB Decimal	60, 170, 24	`rgb(60,170,24)`
RGB Percent	23.5, 66.7, 9.4	`rgb(23.5%,66.7%,9.4%)`
CMYK	65, 0, 86, 33
HSL	105.2°, 75.3, 38	`hsl(105.2,75.3%,38%)`
HSV (or HSB)	105.2°, 85.9, 66.7
Web Safe	339900	`#339900`

CIE-LAB	61.459, -55.504, 58.529
XYZ	16.402, 29.775, 5.747
xyY	0.316, 0.573, 29.775
CIE-LCH	61.459, 80.662, 133.48
CIE-LUV	61.459, -48.92, 71.614
Hunter-Lab	54.566, -41.834, 31.952
Binary	00111100, 10101010, 00011000

#3caa18
```
#3caa18 rgb(60,170,24)
```
#8618aa
```
#8618aa rgb(134,24,170)
```

Complementary Color

#85aa18
```
#85aa18 rgb(133,170,24)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#18aa3d
```
#18aa3d rgb(24,170,61)
```

Analogous Color

#aa1885
```
#aa1885 rgb(170,24,133)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#3d18aa
```
#3d18aa rgb(61,24,170)
```

Split Complementary Color

#aa183c
```
#aa183c rgb(170,24,60)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#183caa
```
#183caa rgb(24,60,170)
```

Triadic Color

#aa8618
```
#aa8618 rgb(170,134,24)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#183caa
```
#183caa rgb(24,60,170)
```
#8618aa
```
#8618aa rgb(134,24,170)
```

Tetradic Color

#24670f
```
#24670f rgb(36,103,15)
```
#2c7d12
```
#2c7d12 rgb(44,125,18)
```
#349415
```
#349415 rgb(52,148,21)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#44c01b
```
#44c01b rgb(68,192,27)
```
#4cd71e
```
#4cd71e rgb(76,215,30)
```
#5ae12d
```
#5ae12d rgb(90,225,45)
```

Monochromatic Color

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

#61aa18
```
#61aa18 rgb(97,170,24)
```
#54aa18
```
#54aa18 rgb(84,170,24)
```
#48aa18
```
#48aa18 rgb(72,170,24)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#30aa18
```
#30aa18 rgb(48,170,24)
```
#24aa18
```
#24aa18 rgb(36,170,24)
```
#18aa18
```
#18aa18 rgb(24,170,24)
```

Similar Colors

Text with hexadecimal color #3caa18

This text has a font color of #3caa18.

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

#3caa18 background color

This paragraph has a background color of #3caa18.

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

#3caa18 border color

This element has a border color of #3caa18.

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

CSS codes

.text {color:#3caa18;}

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

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

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, #050f02 is the darkest color, while #fefffd is the lightest one.

#050f02
```
#050f02 rgb(5,15,2)
```
#0b2005
```
#0b2005 rgb(11,32,5)
```
#123207
```
#123207 rgb(18,50,7)
```
#184309
```
#184309 rgb(24,67,9)
```
#1e540c
```
#1e540c rgb(30,84,12)
```
#24650e
```
#24650e rgb(36,101,14)
```
#2a7611
```
#2a7611 rgb(42,118,17)
```
#308813
```
#308813 rgb(48,136,19)
```
#369916
```
#369916 rgb(54,153,22)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#42bb1a
```
#42bb1a rgb(66,187,26)
```
#48cc1d
```
#48cc1d rgb(72,204,29)
```
#4ede1f
```
#4ede1f rgb(78,222,31)
```

Shade Color Variation

#5be22f
```
#5be22f rgb(91,226,47)
```
#68e440
```
#68e440 rgb(104,228,64)
```
#76e651
```
#76e651 rgb(118,230,81)
```
#84e962
```
#84e962 rgb(132,233,98)
```
#91eb74
```
#91eb74 rgb(145,235,116)
```
#9fee85
```
#9fee85 rgb(159,238,133)
```
#acf096
```
#acf096 rgb(172,240,150)
```
#baf3a7
```
#baf3a7 rgb(186,243,167)
```
#c7f5b8
```
#c7f5b8 rgb(199,245,184)
```
#d5f7ca
```
#d5f7ca rgb(213,247,202)
```
#e2fadb
```
#e2fadb rgb(226,250,219)
```
#f0fcec
```
#f0fcec rgb(240,252,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e675b is the less saturated color, while #31c002 is the most saturated one.

#5e675b
```
#5e675b rgb(94,103,91)
```
#5a6e54
```
#5a6e54 rgb(90,110,84)
```
#56764c
```
#56764c rgb(86,118,76)
```
#537d45
```
#537d45 rgb(83,125,69)
```
#4f853d
```
#4f853d rgb(79,133,61)
```
#4b8c36
```
#4b8c36 rgb(75,140,54)
```
#47942e
```
#47942e rgb(71,148,46)
```
#449b27
```
#449b27 rgb(68,155,39)
```
#40a31f
```
#40a31f rgb(64,163,31)
```
#3caa18
```
#3caa18 rgb(60,170,24)
```
#38b111
```
#38b111 rgb(56,177,17)
```
#34b909
```
#34b909 rgb(52,185,9)
```
#31c002
```
#31c002 rgb(49,192,2)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6c8265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9a1e Protanopia 1% of men
#be9235 Deuteranopia 1% of men
#67a2ae Tritanopia 0.001% of the population

Trichromacy

#839f1b Protanomaly 1% of men, 0.01% of women
#8f9b2b Deuteranomaly 6% of men, 0.4% of women
#57a577 Tritanomaly 0.01% of the population

#3caa18 hex color

#3caa18 Color Information

#3caa18 Color Conversion

Color Schemes with #3caa18

Alternatives to #3caa18

#3caa18 Preview

Shades and Tints of #3caa18

Tones of #3caa18

Color Blindness Simulator