#2caf1f hex color

In a RGB color space, hex #2caf1f is composed of 17.3% red, 68.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 82.3% yellow and 31.4% black. It has a hue angle of 114.6 degrees, a saturation of 69.9% and a lightness of 40.4%. #2caf1f color hex could be obtained by blending #58ff3e with #005f00. Closest websafe color is: #339933.

♥
- f
- t
- g
- R 17
- G 69
- B 12
RGB color chart
- C 75
- M 0
- Y 82
- K 31
CMYK color chart

● #2caf1f color description : Dark lime green.

The hexadecimal color #2caf1f has RGB values of R:44, G:175, B:31 and CMYK values of C:0.75, M:0, Y:0.82, K:0.31. Its decimal value is 2928415.

Hex triplet	2caf1f	`#2caf1f`
RGB Decimal	44, 175, 31	`rgb(44,175,31)`
RGB Percent	17.3, 68.6, 12.2	`rgb(17.3%,68.6%,12.2%)`
CMYK	75, 0, 82, 31
HSL	114.6°, 69.9, 40.4	`hsl(114.6,69.9%,40.4%)`
HSV (or HSB)	114.6°, 82.3, 68.6
Web Safe	339933	`#339933`

CIE-LAB	62.754, -59.886, 57.775
XYZ	16.615, 31.293, 6.461
xyY	0.306, 0.576, 31.293
CIE-LCH	62.754, 83.212, 136.028
CIE-LUV	62.754, -54.117, 72.547
Hunter-Lab	55.94, -44.877, 32.31
Binary	00101100, 10101111, 00011111

#2caf1f
```
#2caf1f rgb(44,175,31)
```
#a21faf
```
#a21faf rgb(162,31,175)
```

Complementary Color

#74af1f
```
#74af1f rgb(116,175,31)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#1faf5a
```
#1faf5a rgb(31,175,90)
```

Analogous Color

#af1f74
```
#af1f74 rgb(175,31,116)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#5a1faf
```
#5a1faf rgb(90,31,175)
```

Split Complementary Color

#af1f2c
```
#af1f2c rgb(175,31,44)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#1f2caf
```
#1f2caf rgb(31,44,175)
```

Triadic Color

#afa21f
```
#afa21f rgb(175,162,31)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#1f2caf
```
#1f2caf rgb(31,44,175)
```
#a21faf
```
#a21faf rgb(162,31,175)
```

Tetradic Color

#1c6e13
```
#1c6e13 rgb(28,110,19)
```
#218417
```
#218417 rgb(33,132,23)
```
#27991b
```
#27991b rgb(39,153,27)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#31c523
```
#31c523 rgb(49,197,35)
```
#38d928
```
#38d928 rgb(56,217,40)
```
#4cdd3e
```
#4cdd3e rgb(76,221,62)
```

Monochromatic Color

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

#50af1f
```
#50af1f rgb(80,175,31)
```
#44af1f
```
#44af1f rgb(68,175,31)
```
#38af1f
```
#38af1f rgb(56,175,31)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#20af1f
```
#20af1f rgb(32,175,31)
```
#1faf2a
```
#1faf2a rgb(31,175,42)
```
#1faf36
```
#1faf36 rgb(31,175,54)
```

Similar Colors

Text with hexadecimal color #2caf1f

This text has a font color of #2caf1f.

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

#2caf1f background color

This paragraph has a background color of #2caf1f.

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

#2caf1f border color

This element has a border color of #2caf1f.

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

CSS codes

.text {color:#2caf1f;}

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

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

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

#020801
```
#020801 rgb(2,8,1)
```
#061904
```
#061904 rgb(6,25,4)
```
#0a2a07
```
#0a2a07 rgb(10,42,7)
```
#0f3a0a
```
#0f3a0a rgb(15,58,10)
```
#134b0d
```
#134b0d rgb(19,75,13)
```
#175c10
```
#175c10 rgb(23,92,16)
```
#1b6c13
```
#1b6c13 rgb(27,108,19)
```
#1f7d16
```
#1f7d16 rgb(31,125,22)
```
#248e19
```
#248e19 rgb(36,142,25)
```
#289e1c
```
#289e1c rgb(40,158,28)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#30c022
```
#30c022 rgb(48,192,34)
```
#34d025
```
#34d025 rgb(52,208,37)
```

Shade Color Variation

#3eda2f
```
#3eda2f rgb(62,218,47)
```
#4edd3f
```
#4edd3f rgb(78,221,63)
```
#5de050
```
#5de050 rgb(93,224,80)
```
#6ce361
```
#6ce361 rgb(108,227,97)
```
#7ce671
```
#7ce671 rgb(124,230,113)
```
#8be982
```
#8be982 rgb(139,233,130)
```
#9bec93
```
#9bec93 rgb(155,236,147)
```
#aaefa3
```
#aaefa3 rgb(170,239,163)
```
#baf2b4
```
#baf2b4 rgb(186,242,180)
```
#c9f5c5
```
#c9f5c5 rgb(201,245,197)
```
#d8f8d5
```
#d8f8d5 rgb(216,248,213)
```
#e8fbe6
```
#e8fbe6 rgb(232,251,230)
```
#f7fef7
```
#f7fef7 rgb(247,254,247)
```

Tint Color Variation

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

#666866
```
#666866 rgb(102,104,102)
```
#60705e
```
#60705e rgb(96,112,94)
```
#597856
```
#597856 rgb(89,120,86)
```
#537f4f
```
#537f4f rgb(83,127,79)
```
#4c8747
```
#4c8747 rgb(76,135,71)
```
#468f3f
```
#468f3f rgb(70,143,63)
```
#3f9737
```
#3f9737 rgb(63,151,55)
```
#399f2f
```
#399f2f rgb(57,159,47)
```
#32a727
```
#32a727 rgb(50,167,39)
```
#2caf1f
```
#2caf1f rgb(44,175,31)
```
#26b717
```
#26b717 rgb(38,183,23)
```
#1fbf0f
```
#1fbf0f rgb(31,191,15)
```
#19c707
```
#19c707 rgb(25,199,7)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#688265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d24 Protanopia 1% of men
#c2953b Deuteranopia 1% of men
#61a7b3 Tritanopia 0.001% of the population

Trichromacy

#7fa322 Protanomaly 1% of men, 0.01% of women
#8b9f31 Deuteranomaly 6% of men, 0.4% of women
#4daa7d Tritanomaly 0.01% of the population

#2caf1f hex color

#2caf1f Color Information

#2caf1f Color Conversion

Color Schemes with #2caf1f

Alternatives to #2caf1f

#2caf1f Preview

Shades and Tints of #2caf1f

Tones of #2caf1f

Color Blindness Simulator