#2ca316 hex color

In a RGB color space, hex #2ca316 is composed of 17.3% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 73% cyan, 0% magenta, 86.5% yellow and 36.1% black. It has a hue angle of 110.6 degrees, a saturation of 76.2% and a lightness of 36.3%. #2ca316 color hex could be obtained by blending #58ff2c with #004700. Closest websafe color is: #339900.

♥
- f
- t
- g
- R 17
- G 64
- B 9
RGB color chart
- C 73
- M 0
- Y 87
- K 36
CMYK color chart

● #2ca316 color description : Dark lime green.

The hexadecimal color #2ca316 has RGB values of R:44, G:163, B:22 and CMYK values of C:0.73, M:0, Y:0.87, K:0.36. Its decimal value is 2925334.

Hex triplet	2ca316	`#2ca316`
RGB Decimal	44, 163, 22	`rgb(44,163,22)`
RGB Percent	17.3, 63.9, 8.6	`rgb(17.3%,63.9%,8.6%)`
CMYK	73, 0, 87, 36
HSL	110.6°, 76.2, 36.3	`hsl(110.6,76.2%,36.3%)`
HSV (or HSB)	110.6°, 86.5, 63.9
Web Safe	339900	`#339900`

CIE-LAB	58.776, -56.504, 56.47
XYZ	14.28, 26.786, 5.177
xyY	0.309, 0.579, 26.786
CIE-LCH	58.776, 79.885, 135.017
CIE-LUV	58.776, -50.046, 68.938
Hunter-Lab	51.756, -41.322, 30.299
Binary	00101100, 10100011, 00010110

#2ca316
```
#2ca316 rgb(44,163,22)
```
#8d16a3
```
#8d16a3 rgb(141,22,163)
```

Complementary Color

#73a316
```
#73a316 rgb(115,163,22)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#16a347
```
#16a347 rgb(22,163,71)
```

Analogous Color

#a31673
```
#a31673 rgb(163,22,115)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#4716a3
```
#4716a3 rgb(71,22,163)
```

Split Complementary Color

#a3162c
```
#a3162c rgb(163,22,44)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#162ca3
```
#162ca3 rgb(22,44,163)
```

Triadic Color

#a38d16
```
#a38d16 rgb(163,141,22)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#162ca3
```
#162ca3 rgb(22,44,163)
```
#8d16a3
```
#8d16a3 rgb(141,22,163)
```

Tetradic Color

#1a600d
```
#1a600d rgb(26,96,13)
```
#207610
```
#207610 rgb(32,118,16)
```
#268d13
```
#268d13 rgb(38,141,19)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#32b919
```
#32b919 rgb(50,185,25)
```
#38d01c
```
#38d01c rgb(56,208,28)
```
#42e124
```
#42e124 rgb(66,225,36)
```

Monochromatic Color

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

#4fa316
```
#4fa316 rgb(79,163,22)
```
#44a316
```
#44a316 rgb(68,163,22)
```
#38a316
```
#38a316 rgb(56,163,22)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#20a316
```
#20a316 rgb(32,163,22)
```
#16a318
```
#16a318 rgb(22,163,24)
```
#16a323
```
#16a323 rgb(22,163,35)
```

Similar Colors

Text with hexadecimal color #2ca316

This text has a font color of #2ca316.

<span style="color:#2ca316;">Text here</span>

#2ca316 background color

This paragraph has a background color of #2ca316.

<p style="background-color:#2ca316;">Content here</p>

#2ca316 border color

This element has a border color of #2ca316.

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

CSS codes

.text {color:#2ca316;}

.background {background-color:#2ca316;}

.border {border:1px solid #2ca316;}

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

#020701
```
#020701 rgb(2,7,1)
```
#071903
```
#071903 rgb(7,25,3)
```
#0b2a06
```
#0b2a06 rgb(11,42,6)
```
#103b08
```
#103b08 rgb(16,59,8)
```
#154d0a
```
#154d0a rgb(21,77,10)
```
#195e0d
```
#195e0d rgb(25,94,13)
```
#1e6f0f
```
#1e6f0f rgb(30,111,15)
```
#238011
```
#238011 rgb(35,128,17)
```
#279214
```
#279214 rgb(39,146,20)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#31b418
```
#31b418 rgb(49,180,24)
```
#35c61b
```
#35c61b rgb(53,198,27)
```
#3ad71d
```
#3ad71d rgb(58,215,29)
```

Shade Color Variation

#43e226
```
#43e226 rgb(67,226,38)
```
#52e437
```
#52e437 rgb(82,228,55)
```
#61e648
```
#61e648 rgb(97,230,72)
```
#70e95a
```
#70e95a rgb(112,233,90)
```
#7feb6b
```
#7feb6b rgb(127,235,107)
```
#8eed7c
```
#8eed7c rgb(142,237,124)
```
#9df08d
```
#9df08d rgb(157,240,141)
```
#acf29f
```
#acf29f rgb(172,242,159)
```
#bbf4b0
```
#bbf4b0 rgb(187,244,176)
```
#caf7c1
```
#caf7c1 rgb(202,247,193)
```
#d9f9d3
```
#d9f9d3 rgb(217,249,211)
```
#e8fbe4
```
#e8fbe4 rgb(232,251,228)
```
#f6fef5
```
#f6fef5 rgb(246,254,245)
```

Tint Color Variation

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

#586356
```
#586356 rgb(88,99,86)
```
#536a4f
```
#536a4f rgb(83,106,79)
```
#4e7148
```
#4e7148 rgb(78,113,72)
```
#497841
```
#497841 rgb(73,120,65)
```
#447f3a
```
#447f3a rgb(68,127,58)
```
#408732
```
#408732 rgb(64,135,50)
```
#3b8e2b
```
#3b8e2b rgb(59,142,43)
```
#369524
```
#369524 rgb(54,149,36)
```
#319c1d
```
#319c1d rgb(49,156,29)
```
#2ca316
```
#2ca316 rgb(44,163,22)
```
#27aa0f
```
#27aa0f rgb(39,170,15)
```
#22b108
```
#22b108 rgb(34,177,8)
```
#1db801
```
#1db801 rgb(29,184,1)
```

Tone Color Variation

Below, you can see how #2ca316 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

#6f6f6f Achromatopsia 0.005% of the population
#62795d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5931c Protanopia 1% of men
#b68c34 Deuteranopia 1% of men
#5c9ca8 Tritanopia 0.001% of the population

Trichromacy

#79991a Protanomaly 1% of men, 0.01% of women
#849429 Deuteranomaly 6% of men, 0.4% of women
#4b9f73 Tritanomaly 0.01% of the population

#2ca316 hex color

#2ca316 Color Information

#2ca316 Color Conversion

Color Schemes with #2ca316

Alternatives to #2ca316

#2ca316 Preview

Shades and Tints of #2ca316

Tones of #2ca316

Color Blindness Simulator