#2caf0f hex color

In a RGB color space, hex #2caf0f is composed of 17.3% red, 68.6% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 0% magenta, 91.4% yellow and 31.4% black. It has a hue angle of 109.1 degrees, a saturation of 84.2% and a lightness of 37.3%. #2caf0f color hex could be obtained by blending #58ff1e with #005f00. Closest websafe color is: #339900.

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

● #2caf0f color description : Dark lime green.

The hexadecimal color #2caf0f has RGB values of R:44, G:175, B:15 and CMYK values of C:0.75, M:0, Y:0.91, K:0.31. Its decimal value is 2928399.

Hex triplet	2caf0f	`#2caf0f`
RGB Decimal	44, 175, 15	`rgb(44,175,15)`
RGB Percent	17.3, 68.6, 5.9	`rgb(17.3%,68.6%,5.9%)`
CMYK	75, 0, 91, 31
HSL	109.1°, 84.2, 37.3	`hsl(109.1,84.2%,37.3%)`
HSV (or HSB)	109.1°, 91.4, 68.6
Web Safe	339900	`#339900`

CIE-LAB	62.7, -60.559, 61.257
XYZ	16.454, 31.228, 5.612
xyY	0.309, 0.586, 31.228
CIE-LCH	62.7, 86.139, 134.672
CIE-LUV	62.7, -54.332, 74.867
Hunter-Lab	55.882, -45.236, 33.163
Binary	00101100, 10101111, 00001111

#2caf0f
```
#2caf0f rgb(44,175,15)
```
#920faf
```
#920faf rgb(146,15,175)
```

Complementary Color

#7caf0f
```
#7caf0f rgb(124,175,15)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#0faf42
```
#0faf42 rgb(15,175,66)
```

Analogous Color

#af0f7c
```
#af0f7c rgb(175,15,124)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#420faf
```
#420faf rgb(66,15,175)
```

Split Complementary Color

#af0f2c
```
#af0f2c rgb(175,15,44)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#0f2caf
```
#0f2caf rgb(15,44,175)
```

Triadic Color

#af920f
```
#af920f rgb(175,146,15)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#0f2caf
```
#0f2caf rgb(15,44,175)
```
#920faf
```
#920faf rgb(146,15,175)
```

Tetradic Color

#1a6909
```
#1a6909 rgb(26,105,9)
```
#20800b
```
#20800b rgb(32,128,11)
```
#26980d
```
#26980d rgb(38,152,13)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#32c611
```
#32c611 rgb(50,198,17)
```
#38de13
```
#38de13 rgb(56,222,19)
```
#44ec1f
```
#44ec1f rgb(68,236,31)
```

Monochromatic Color

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

#54af0f
```
#54af0f rgb(84,175,15)
```
#47af0f
```
#47af0f rgb(71,175,15)
```
#39af0f
```
#39af0f rgb(57,175,15)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#1faf0f
```
#1faf0f rgb(31,175,15)
```
#11af0f
```
#11af0f rgb(17,175,15)
```
#0faf1a
```
#0faf1a rgb(15,175,26)
```

Similar Colors

Text with hexadecimal color #2caf0f

This text has a font color of #2caf0f.

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

#2caf0f background color

This paragraph has a background color of #2caf0f.

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

#2caf0f border color

This element has a border color of #2caf0f.

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

CSS codes

.text {color:#2caf0f;}

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

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

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, #030c01 is the darkest color, while #fafff9 is the lightest one.

#030c01
```
#030c01 rgb(3,12,1)
```
#081e03
```
#081e03 rgb(8,30,3)
```
#0c3104
```
#0c3104 rgb(12,49,4)
```
#114306
```
#114306 rgb(17,67,6)
```
#155507
```
#155507 rgb(21,85,7)
```
#1a6709
```
#1a6709 rgb(26,103,9)
```
#1e790a
```
#1e790a rgb(30,121,10)
```
#238b0c
```
#238b0c rgb(35,139,12)
```
#279d0d
```
#279d0d rgb(39,157,13)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#31c111
```
#31c111 rgb(49,193,17)
```
#35d312
```
#35d312 rgb(53,211,18)
```
#3ae514
```
#3ae514 rgb(58,229,20)
```

Shade Color Variation

#45ec21
```
#45ec21 rgb(69,236,33)
```
#54ed33
```
#54ed33 rgb(84,237,51)
```
#64ef45
```
#64ef45 rgb(100,239,69)
```
#73f157
```
#73f157 rgb(115,241,87)
```
#82f269
```
#82f269 rgb(130,242,105)
```
#91f47b
```
#91f47b rgb(145,244,123)
```
#a0f58d
```
#a0f58d rgb(160,245,141)
```
#aff79f
```
#aff79f rgb(175,247,159)
```
#bef8b1
```
#bef8b1 rgb(190,248,177)
```
#cdfac3
```
#cdfac3 rgb(205,250,195)
```
#dcfbd5
```
#dcfbd5 rgb(220,251,213)
```
#ebfde7
```
#ebfde7 rgb(235,253,231)
```
#fafff9
```
#fafff9 rgb(250,255,249)
```

Tint Color Variation

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

#5b6658
```
#5b6658 rgb(91,102,88)
```
#566d51
```
#566d51 rgb(86,109,81)
```
#517549
```
#517549 rgb(81,117,73)
```
#4d7c42
```
#4d7c42 rgb(77,124,66)
```
#48833b
```
#48833b rgb(72,131,59)
```
#438a34
```
#438a34 rgb(67,138,52)
```
#3f922c
```
#3f922c rgb(63,146,44)
```
#3a9925
```
#3a9925 rgb(58,153,37)
```
#35a01e
```
#35a01e rgb(53,160,30)
```
#31a816
```
#31a816 rgb(49,168,22)
```
#2caf0f
```
#2caf0f rgb(44,175,15)
```
#27b608
```
#27b608 rgb(39,182,8)
```
#23be00
```
#23be00 rgb(35,190,0)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#678161 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d13 Protanopia 1% of men
#c39532 Deuteranopia 1% of men
#61a7b3 Tritanopia 0.001% of the population

Trichromacy

#80a311 Protanomaly 1% of men, 0.01% of women
#8c9e25 Deuteranomaly 6% of men, 0.4% of women
#4eaa77 Tritanomaly 0.01% of the population

#2caf0f hex color

#2caf0f Color Information

#2caf0f Color Conversion

Color Schemes with #2caf0f

Alternatives to #2caf0f

#2caf0f Preview

Shades and Tints of #2caf0f

Tones of #2caf0f

Color Blindness Simulator