#1caf45 hex color

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

♥
- f
- t
- g
- R 11
- G 69
- B 27
RGB color chart
- C 84
- M 0
- Y 61
- K 31
CMYK color chart

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

The hexadecimal color #1caf45 has RGB values of R:28, G:175, B:69 and CMYK values of C:0.84, M:0, Y:0.61, K:0.31. Its decimal value is 1879877.

Hex triplet	1caf45	`#1caf45`
RGB Decimal	28, 175, 69	`rgb(28,175,69)`
RGB Percent	11, 68.6, 27.1	`rgb(11%,68.6%,27.1%)`
CMYK	84, 0, 61, 31
HSL	136.7°, 72.4, 39.8	`hsl(136.7,72.4%,39.8%)`
HSV (or HSB)	136.7°, 84, 68.6
Web Safe	339933	`#339933`

CIE-LAB	62.789, -58.549, 43.296
XYZ	16.882, 31.335, 10.788
xyY	0.286, 0.531, 31.335
CIE-LCH	62.789, 72.819, 143.517
CIE-LUV	62.789, -55.339, 61.024
Hunter-Lab	55.977, -44.127, 27.757
Binary	00011100, 10101111, 01000101

#1caf45
```
#1caf45 rgb(28,175,69)
```
#af1c86
```
#af1c86 rgb(175,28,134)
```

Complementary Color

#3daf1c
```
#3daf1c rgb(61,175,28)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#1caf8f
```
#1caf8f rgb(28,175,143)
```

Analogous Color

#af1c3c
```
#af1c3c rgb(175,28,60)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#8f1caf
```
#8f1caf rgb(143,28,175)
```

Split Complementary Color

#af451c
```
#af451c rgb(175,69,28)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#451caf
```
#451caf rgb(69,28,175)
```

Triadic Color

#86af1c
```
#86af1c rgb(134,175,28)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#451caf
```
#451caf rgb(69,28,175)
```
#af1c86
```
#af1c86 rgb(175,28,134)
```

Tetradic Color

#116d2b
```
#116d2b rgb(17,109,43)
```
#158334
```
#158334 rgb(21,131,52)
```
#18993c
```
#18993c rgb(24,153,60)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#20c54e
```
#20c54e rgb(32,197,78)
```
#23db56
```
#23db56 rgb(35,219,86)
```
#38df67
```
#38df67 rgb(56,223,103)
```

Monochromatic Color

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

#1caf20
```
#1caf20 rgb(28,175,32)
```
#1caf2d
```
#1caf2d rgb(28,175,45)
```
#1caf39
```
#1caf39 rgb(28,175,57)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#1caf51
```
#1caf51 rgb(28,175,81)
```
#1caf5e
```
#1caf5e rgb(28,175,94)
```
#1caf6a
```
#1caf6a rgb(28,175,106)
```

Similar Colors

Text with hexadecimal color #1caf45

This text has a font color of #1caf45.

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

#1caf45 background color

This paragraph has a background color of #1caf45.

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

#1caf45 border color

This element has a border color of #1caf45.

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

CSS codes

.text {color:#1caf45;}

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

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

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

#010602
```
#010602 rgb(1,6,2)
```
#041709
```
#041709 rgb(4,23,9)
```
#062810
```
#062810 rgb(6,40,16)
```
#093916
```
#093916 rgb(9,57,22)
```
#0c4a1d
```
#0c4a1d rgb(12,74,29)
```
#0e5a24
```
#0e5a24 rgb(14,90,36)
```
#116b2a
```
#116b2a rgb(17,107,42)
```
#147c31
```
#147c31 rgb(20,124,49)
```
#178d38
```
#178d38 rgb(23,141,56)
```
#199e3e
```
#199e3e rgb(25,158,62)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#1fc04c
```
#1fc04c rgb(31,192,76)
```
#21d152
```
#21d152 rgb(33,209,82)
```

Shade Color Variation

#29dd5b
```
#29dd5b rgb(41,221,91)
```
#3adf68
```
#3adf68 rgb(58,223,104)
```
#4be275
```
#4be275 rgb(75,226,117)
```
#5ce582
```
#5ce582 rgb(92,229,130)
```
#6de88f
```
#6de88f rgb(109,232,143)
```
#7eea9c
```
#7eea9c rgb(126,234,156)
```
#8feda9
```
#8feda9 rgb(143,237,169)
```
#9ff0b6
```
#9ff0b6 rgb(159,240,182)
```
#b0f2c3
```
#b0f2c3 rgb(176,242,195)
```
#c1f5d0
```
#c1f5d0 rgb(193,245,208)
```
#d2f8dd
```
#d2f8dd rgb(210,248,221)
```
#e3fbea
```
#e3fbea rgb(227,251,234)
```
#f4fdf7
```
#f4fdf7 rgb(244,253,247)
```

Tint Color Variation

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

#626964
```
#626964 rgb(98,105,100)
```
#5a7161
```
#5a7161 rgb(90,113,97)
```
#53785d
```
#53785d rgb(83,120,93)
```
#4b805a
```
#4b805a rgb(75,128,90)
```
#438856
```
#438856 rgb(67,136,86)
```
#3b9053
```
#3b9053 rgb(59,144,83)
```
#33984f
```
#33984f rgb(51,152,79)
```
#2c9f4c
```
#2c9f4c rgb(44,159,76)
```
#24a748
```
#24a748 rgb(36,167,72)
```
#1caf45
```
#1caf45 rgb(28,175,69)
```
#14b742
```
#14b742 rgb(20,183,66)
```
#0cbf3e
```
#0cbf3e rgb(12,191,62)
```
#05c63b
```
#05c63b rgb(5,198,59)
```

Tone Color Variation

Below, you can see how #1caf45 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
#65826d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9d48 Protanopia 1% of men
#be9659 Deuteranopia 1% of men
#58a8b4 Tritanopia 0.001% of the population

Trichromacy

#78a346 Protanomaly 1% of men, 0.01% of women
#839f52 Deuteranomaly 6% of men, 0.4% of women
#42aa8c Tritanomaly 0.01% of the population

#1caf45 hex color

#1caf45 Color Information

#1caf45 Color Conversion

Color Schemes with #1caf45

Alternatives to #1caf45

#1caf45 Preview

Shades and Tints of #1caf45

Tones of #1caf45

Color Blindness Simulator