#1caf76 hex color

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

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

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

The hexadecimal color #1caf76 has RGB values of R:28, G:175, B:118 and CMYK values of C:0.84, M:0, Y:0.33, K:0.31. Its decimal value is 1879926.

Hex triplet	1caf76	`#1caf76`
RGB Decimal	28, 175, 118	`rgb(28,175,118)`
RGB Percent	11, 68.6, 46.3	`rgb(11%,68.6%,46.3%)`
CMYK	84, 0, 33, 31
HSL	156.7°, 72.4, 39.8	`hsl(156.7,72.4%,39.8%)`
HSV (or HSB)	156.7°, 84, 68.6
Web Safe	339966	`#339966`

CIE-LAB	63.518, -50.002, 19.121
XYZ	19.077, 32.213, 22.351
xyY	0.259, 0.437, 32.213
CIE-LCH	63.518, 53.533, 159.073
CIE-LUV	63.518, -52.686, 33.767
Hunter-Lab	56.756, -39.325, 16.381
Binary	00011100, 10101111, 01110110

#1caf76
```
#1caf76 rgb(28,175,118)
```
#af1c55
```
#af1c55 rgb(175,28,85)
```

Complementary Color

#1caf2d
```
#1caf2d rgb(28,175,45)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#1c9faf
```
#1c9faf rgb(28,159,175)
```

Analogous Color

#af2d1c
```
#af2d1c rgb(175,45,28)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#af1c9f
```
#af1c9f rgb(175,28,159)
```

Split Complementary Color

#af761c
```
#af761c rgb(175,118,28)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#761caf
```
#761caf rgb(118,28,175)
```

Triadic Color

#55af1c
```
#55af1c rgb(85,175,28)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#761caf
```
#761caf rgb(118,28,175)
```
#af1c55
```
#af1c55 rgb(175,28,85)
```

Tetradic Color

#116d4a
```
#116d4a rgb(17,109,74)
```
#158358
```
#158358 rgb(21,131,88)
```
#189967
```
#189967 rgb(24,153,103)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#20c585
```
#20c585 rgb(32,197,133)
```
#23db94
```
#23db94 rgb(35,219,148)
```
#38df9e
```
#38df9e rgb(56,223,158)
```

Monochromatic Color

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

#1caf51
```
#1caf51 rgb(28,175,81)
```
#1caf5e
```
#1caf5e rgb(28,175,94)
```
#1caf6a
```
#1caf6a rgb(28,175,106)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#1caf82
```
#1caf82 rgb(28,175,130)
```
#1caf8f
```
#1caf8f rgb(28,175,143)
```
#1caf9b
```
#1caf9b rgb(28,175,155)
```

Similar Colors

Text with hexadecimal color #1caf76

This text has a font color of #1caf76.

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

#1caf76 background color

This paragraph has a background color of #1caf76.

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

#1caf76 border color

This element has a border color of #1caf76.

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

CSS codes

.text {color:#1caf76;}

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

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

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

#010604
```
#010604 rgb(1,6,4)
```
#04170f
```
#04170f rgb(4,23,15)
```
#06281b
```
#06281b rgb(6,40,27)
```
#093926
```
#093926 rgb(9,57,38)
```
#0c4a32
```
#0c4a32 rgb(12,74,50)
```
#0e5a3d
```
#0e5a3d rgb(14,90,61)
```
#116b48
```
#116b48 rgb(17,107,72)
```
#147c54
```
#147c54 rgb(20,124,84)
```
#178d5f
```
#178d5f rgb(23,141,95)
```
#199e6b
```
#199e6b rgb(25,158,107)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#1fc081
```
#1fc081 rgb(31,192,129)
```
#21d18d
```
#21d18d rgb(33,209,141)
```

Shade Color Variation

#29dd97
```
#29dd97 rgb(41,221,151)
```
#3adf9f
```
#3adf9f rgb(58,223,159)
```
#4be2a8
```
#4be2a8 rgb(75,226,168)
```
#5ce5b0
```
#5ce5b0 rgb(92,229,176)
```
#6de8b8
```
#6de8b8 rgb(109,232,184)
```
#7eeac0
```
#7eeac0 rgb(126,234,192)
```
#8fedc8
```
#8fedc8 rgb(143,237,200)
```
#9ff0d1
```
#9ff0d1 rgb(159,240,209)
```
#b0f2d9
```
#b0f2d9 rgb(176,242,217)
```
#c1f5e1
```
#c1f5e1 rgb(193,245,225)
```
#d2f8e9
```
#d2f8e9 rgb(210,248,233)
```
#e3fbf1
```
#e3fbf1 rgb(227,251,241)
```
#f4fdfa
```
#f4fdfa rgb(244,253,250)
```

Tint Color Variation

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

#626966
```
#626966 rgb(98,105,102)
```
#5a7168
```
#5a7168 rgb(90,113,104)
```
#53786a
```
#53786a rgb(83,120,106)
```
#4b806b
```
#4b806b rgb(75,128,107)
```
#43886d
```
#43886d rgb(67,136,109)
```
#3b906f
```
#3b906f rgb(59,144,111)
```
#339871
```
#339871 rgb(51,152,113)
```
#2c9f72
```
#2c9f72 rgb(44,159,114)
```
#24a774
```
#24a774 rgb(36,167,116)
```
#1caf76
```
#1caf76 rgb(28,175,118)
```
#14b778
```
#14b778 rgb(20,183,120)
```
#0cbf7a
```
#0cbf7a rgb(12,191,122)
```
#05c67b
```
#05c67b rgb(5,198,123)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6a877c Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e74 Protanopia 1% of men
#b69986 Deuteranopia 1% of men
#4fabb8 Tritanopia 0.001% of the population

Trichromacy

#76a475 Protanomaly 1% of men, 0.01% of women
#7ea180 Deuteranomaly 6% of men, 0.4% of women
#3caca0 Tritanomaly 0.01% of the population

#1caf76 hex color

#1caf76 Color Information

#1caf76 Color Conversion

Color Schemes with #1caf76

Alternatives to #1caf76

#1caf76 Preview

Shades and Tints of #1caf76

Tones of #1caf76

Color Blindness Simulator