#6caf96 hex color

In a RGB color space, hex #6caf96 is composed of 42.4% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 157.6 degrees, a saturation of 29.5% and a lightness of 55.5%. #6caf96 color hex could be obtained by blending #d8ffff with #005f2d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 42
- G 69
- B 59
RGB color chart
- C 38
- M 0
- Y 14
- K 31
CMYK color chart

● #6caf96 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #6caf96 has RGB values of R:108, G:175, B:150 and CMYK values of C:0.38, M:0, Y:0.14, K:0.31. Its decimal value is 7122838.

Hex triplet	6caf96	`#6caf96`
RGB Decimal	108, 175, 150	`rgb(108,175,150)`
RGB Percent	42.4, 68.6, 58.8	`rgb(42.4%,68.6%,58.8%)`
CMYK	38, 0, 14, 31
HSL	157.6°, 29.5, 55.5	`hsl(157.6,29.5%,55.5%)`
HSV (or HSB)	157.6°, 38.3, 68.6
Web Safe	669999	`#669999`

CIE-LAB	66.557, -27.094, 6.141
XYZ	27.018, 36.049, 34.387
xyY	0.277, 0.37, 36.049
CIE-LCH	66.557, 27.781, 167.23
CIE-LUV	66.557, -31.805, 13.19
Hunter-Lab	60.041, -24.748, 8.071
Binary	01101100, 10101111, 10010110

#6caf96
```
#6caf96 rgb(108,175,150)
```
#af6c85
```
#af6c85 rgb(175,108,133)
```

Complementary Color

#6caf75
```
#6caf75 rgb(108,175,117)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#6ca7af
```
#6ca7af rgb(108,167,175)
```

Analogous Color

#af756c
```
#af756c rgb(175,117,108)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#af6ca7
```
#af6ca7 rgb(175,108,167)
```

Split Complementary Color

#af966c
```
#af966c rgb(175,150,108)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#966caf
```
#966caf rgb(150,108,175)
```

Triadic Color

#85af6c
```
#85af6c rgb(133,175,108)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#966caf
```
#966caf rgb(150,108,175)
```
#af6c85
```
#af6c85 rgb(175,108,133)
```

Tetradic Color

#49866f
```
#49866f rgb(73,134,111)
```
#52967d
```
#52967d rgb(82,150,125)
```
#5ba68a
```
#5ba68a rgb(91,166,138)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#7db8a2
```
#7db8a2 rgb(125,184,162)
```
#8dc1ae
```
#8dc1ae rgb(141,193,174)
```
#9ecab9
```
#9ecab9 rgb(158,202,185)
```

Monochromatic Color

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

#6caf85
```
#6caf85 rgb(108,175,133)
```
#6caf8b
```
#6caf8b rgb(108,175,139)
```
#6caf90
```
#6caf90 rgb(108,175,144)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#6caf9c
```
#6caf9c rgb(108,175,156)
```
#6cafa1
```
#6cafa1 rgb(108,175,161)
```
#6cafa7
```
#6cafa7 rgb(108,175,167)
```

Similar Colors

Text with hexadecimal color #6caf96

This text has a font color of #6caf96.

<span style="color:#6caf96;">Text here</span>

#6caf96 background color

This paragraph has a background color of #6caf96.

<p style="background-color:#6caf96;">Content here</p>

#6caf96 border color

This element has a border color of #6caf96.

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

CSS codes

.text {color:#6caf96;}

.background {background-color:#6caf96;}

.border {border:1px solid #6caf96;}

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

#030505
```
#030505 rgb(3,5,5)
```
#0a120f
```
#0a120f rgb(10,18,15)
```
#111f1a
```
#111f1a rgb(17,31,26)
```
#182c24
```
#182c24 rgb(24,44,36)
```
#1f382f
```
#1f382f rgb(31,56,47)
```
#264539
```
#264539 rgb(38,69,57)
```
#2c5244
```
#2c5244 rgb(44,82,68)
```
#335e4e
```
#335e4e rgb(51,94,78)
```
#3a6b59
```
#3a6b59 rgb(58,107,89)
```
#417863
```
#417863 rgb(65,120,99)
```
#48846e
```
#48846e rgb(72,132,110)
```
#4f9178
```
#4f9178 rgb(79,145,120)
```
#569e83
```
#569e83 rgb(86,158,131)
```

Shade Color Variation

#5fa88d
```
#5fa88d rgb(95,168,141)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#79b69f
```
#79b69f rgb(121,182,159)
```
#85bda8
```
#85bda8 rgb(133,189,168)
```
#92c4b1
```
#92c4b1 rgb(146,196,177)
```
#9fcbba
```
#9fcbba rgb(159,203,186)
```
#acd2c3
```
#acd2c3 rgb(172,210,195)
```
#b8d8cc
```
#b8d8cc rgb(184,216,204)
```
#c5dfd6
```
#c5dfd6 rgb(197,223,214)
```
#d2e6df
```
#d2e6df rgb(210,230,223)
```
#deede8
```
#deede8 rgb(222,237,232)
```
#ebf4f1
```
#ebf4f1 rgb(235,244,241)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86958f is the less saturated color, while #1dfeaa is the most saturated one.

#86958f
```
#86958f rgb(134,149,143)
```
#7d9e92
```
#7d9e92 rgb(125,158,146)
```
#75a694
```
#75a694 rgb(117,166,148)
```
#6caf96
```
#6caf96 rgb(108,175,150)
```
#63b898
```
#63b898 rgb(99,184,152)
```
#5bc09a
```
#5bc09a rgb(91,192,154)
```
#52c99d
```
#52c99d rgb(82,201,157)
```
#49d29f
```
#49d29f rgb(73,210,159)
```
#40dba1
```
#40dba1 rgb(64,219,161)
```
#38e3a3
```
#38e3a3 rgb(56,227,163)
```
#2feca6
```
#2feca6 rgb(47,236,166)
```
#26f5a8
```
#26f5a8 rgb(38,245,168)
```
#1dfeaa
```
#1dfeaa rgb(29,254,170)
```

Tone Color Variation

Below, you can see how #6caf96 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

#989898 Achromatopsia 0.005% of the population
#8f9d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada695 Protanopia 1% of men
#b8a1a1 Deuteranopia 1% of men
#7caebb Tritanopia 0.001% of the population

Trichromacy

#95a995 Protanomaly 1% of men, 0.01% of women
#9ca69d Deuteranomaly 6% of men, 0.4% of women
#76aead Tritanomaly 0.01% of the population

#6caf96 hex color

#6caf96 Color Information

#6caf96 Color Conversion

Color Schemes with #6caf96

Alternatives to #6caf96

#6caf96 Preview

Shades and Tints of #6caf96

Tones of #6caf96

Color Blindness Simulator