colorhexa.com

#1caf5f hex color

In a RGB color space, hex #1caf5f is composed of 11% red, 68.6% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 0% magenta, 45.7% yellow and 31.4% black. It has a hue angle of 147.3 degrees, a saturation of 72.4% and a lightness of 39.8%. #1caf5f color hex could be obtained by blending #38ffbe with #005f00. Closest websafe color is: #339966.

- R 11
- G 69
- B 37
RGB color chart
- C 84
- M 0
- Y 46
- K 31
CMYK color chart

● #1caf5f color description : Dark cyan - lime green.

The hexadecimal color #1caf5f has RGB values of R:28, G:175, B:95 and CMYK values of C:0.84, M:0, Y:0.46, K:0.31. Its decimal value is 1879903.

Hex triplet	1caf5f	`#1caf5f`
RGB Decimal	28, 175, 95	`rgb(28,175,95)`
RGB Percent	11, 68.6, 37.3	`rgb(11%,68.6%,37.3%)`
CMYK	84, 0, 46, 31
HSL	147.3°, 72.4, 39.8	`hsl(147.3,72.4%,39.8%)`
HSV (or HSB)	147.3°, 84, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.12, -54.579, 30.855
XYZ	17.873, 31.731, 16.009
xyY	0.272, 0.484, 31.731
CIE-LCH	63.12, 62.697, 150.519
CIE-LUV	63.12, -54.077, 48.163
Hunter-Lab	56.33, -41.942, 22.582
Binary	00011100, 10101111, 01011111

#1caf5f
```
#1caf5f rgb(28,175,95)
```
#af1c6c
```
#af1c6c rgb(175,28,108)
```

Complementary Color

#23af1c
```
#23af1c rgb(35,175,28)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#1cafa9
```
#1cafa9 rgb(28,175,169)
```

Analogous Color

#af1c23
```
#af1c23 rgb(175,28,35)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#a91caf
```
#a91caf rgb(169,28,175)
```

Split Complementary Color

#af5f1c
```
#af5f1c rgb(175,95,28)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#5f1caf
```
#5f1caf rgb(95,28,175)
```

Triadic Color

#6caf1c
```
#6caf1c rgb(108,175,28)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#5f1caf
```
#5f1caf rgb(95,28,175)
```
#af1c6c
```
#af1c6c rgb(175,28,108)
```

Tetradic Color

#116d3b
```
#116d3b rgb(17,109,59)
```
#158347
```
#158347 rgb(21,131,71)
```
#189953
```
#189953 rgb(24,153,83)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#20c56b
```
#20c56b rgb(32,197,107)
```
#23db77
```
#23db77 rgb(35,219,119)
```
#38df84
```
#38df84 rgb(56,223,132)
```

Monochromatic Color

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

#1caf3a
```
#1caf3a rgb(28,175,58)
```
#1caf47
```
#1caf47 rgb(28,175,71)
```
#1caf53
```
#1caf53 rgb(28,175,83)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#1caf6b
```
#1caf6b rgb(28,175,107)
```
#1caf78
```
#1caf78 rgb(28,175,120)
```
#1caf84
```
#1caf84 rgb(28,175,132)
```

Similar Colors

Text with hexadecimal color #1caf5f

This text has a font color of #1caf5f.

<span style="color:#1caf5f;">Text here</span>

#1caf5f background color

This paragraph has a background color of #1caf5f.

<p style="background-color:#1caf5f;">Content here</p>

#1caf5f border color

This element has a border color of #1caf5f.

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

CSS codes

.text {color:#1caf5f;}

.background {background-color:#1caf5f;}

.border {border:1px solid #1caf5f;}

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

#010603
```
#010603 rgb(1,6,3)
```
#04170c
```
#04170c rgb(4,23,12)
```
#062816
```
#062816 rgb(6,40,22)
```
#09391f
```
#09391f rgb(9,57,31)
```
#0c4a28
```
#0c4a28 rgb(12,74,40)
```
#0e5a31
```
#0e5a31 rgb(14,90,49)
```
#116b3a
```
#116b3a rgb(17,107,58)
```
#147c43
```
#147c43 rgb(20,124,67)
```
#178d4d
```
#178d4d rgb(23,141,77)
```
#199e56
```
#199e56 rgb(25,158,86)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#1fc068
```
#1fc068 rgb(31,192,104)
```
#21d171
```
#21d171 rgb(33,209,113)
```

Shade Color Variation

#29dd7b
```
#29dd7b rgb(41,221,123)
```
#3adf85
```
#3adf85 rgb(58,223,133)
```
#4be290
```
#4be290 rgb(75,226,144)
```
#5ce59a
```
#5ce59a rgb(92,229,154)
```
#6de8a5
```
#6de8a5 rgb(109,232,165)
```
#7eeaaf
```
#7eeaaf rgb(126,234,175)
```
#8fedba
```
#8fedba rgb(143,237,186)
```
#9ff0c4
```
#9ff0c4 rgb(159,240,196)
```
#b0f2ce
```
#b0f2ce rgb(176,242,206)
```
#c1f5d9
```
#c1f5d9 rgb(193,245,217)
```
#d2f8e3
```
#d2f8e3 rgb(210,248,227)
```
#e3fbee
```
#e3fbee rgb(227,251,238)
```
#f4fdf8
```
#f4fdf8 rgb(244,253,248)
```

Tint Color Variation

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

#626965
```
#626965 rgb(98,105,101)
```
#5a7165
```
#5a7165 rgb(90,113,101)
```
#537864
```
#537864 rgb(83,120,100)
```
#4b8063
```
#4b8063 rgb(75,128,99)
```
#438862
```
#438862 rgb(67,136,98)
```
#3b9062
```
#3b9062 rgb(59,144,98)
```
#339861
```
#339861 rgb(51,152,97)
```
#2c9f60
```
#2c9f60 rgb(44,159,96)
```
#24a760
```
#24a760 rgb(36,167,96)
```
#1caf5f
```
#1caf5f rgb(28,175,95)
```
#14b75e
```
#14b75e rgb(20,183,94)
```
#0cbf5e
```
#0cbf5e rgb(12,191,94)
```
#05c65d
```
#05c65d rgb(5,198,93)
```

Tone Color Variation

Below, you can see how #1caf5f 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

#7a7a7a Achromatopsia 0.005% of the population
#678575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9e5f Protanopia 1% of men
#bb9770 Deuteranopia 1% of men
#54a9b6 Tritanopia 0.001% of the population

Trichromacy

#78a45f Protanomaly 1% of men, 0.01% of women
#81a06a Deuteranomaly 6% of men, 0.4% of women
#3fab96 Tritanomaly 0.01% of the population