#60b696 hex color

In a RGB color space, hex #60b696 is composed of 37.6% red, 71.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 47.3% cyan, 0% magenta, 17.6% yellow and 28.6% black. It has a hue angle of 157.7 degrees, a saturation of 37.1% and a lightness of 54.5%. #60b696 color hex could be obtained by blending #c0ffff with #006d2d. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 38
- G 71
- B 59
RGB color chart
- C 47
- M 0
- Y 18
- K 29
CMYK color chart

● #60b696 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #60b696 has RGB values of R:96, G:182, B:150 and CMYK values of C:0.47, M:0, Y:0.18, K:0.29. Its decimal value is 6338198.

Hex triplet	60b696	`#60b696`
RGB Decimal	96, 182, 150	`rgb(96,182,150)`
RGB Percent	37.6, 71.4, 58.8	`rgb(37.6%,71.4%,58.8%)`
CMYK	47, 0, 18, 29
HSL	157.7°, 37.1, 54.5	`hsl(157.7,37.1%,54.5%)`
HSV (or HSB)	157.7°, 47.3, 71.4
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.126, -33.704, 8.316
XYZ	27.055, 38.143, 34.789
xyY	0.271, 0.381, 38.143
CIE-LCH	68.126, 34.715, 166.139
CIE-LUV	68.126, -38.989, 17.347
Hunter-Lab	61.76, -29.885, 9.834
Binary	01100000, 10110110, 10010110

#60b696
```
#60b696 rgb(96,182,150)
```
#b66080
```
#b66080 rgb(182,96,128)
```

Complementary Color

#60b66b
```
#60b66b rgb(96,182,107)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#60abb6
```
#60abb6 rgb(96,171,182)
```

Analogous Color

#b66b60
```
#b66b60 rgb(182,107,96)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#b660ab
```
#b660ab rgb(182,96,171)
```

Split Complementary Color

#b69660
```
#b69660 rgb(182,150,96)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#9660b6
```
#9660b6 rgb(150,96,182)
```

Triadic Color

#80b660
```
#80b660 rgb(128,182,96)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#9660b6
```
#9660b6 rgb(150,96,182)
```
#b66080
```
#b66080 rgb(182,96,128)
```

Tetradic Color

#3f8a6e
```
#3f8a6e rgb(63,138,110)
```
#479c7c
```
#479c7c rgb(71,156,124)
```
#4fad8a
```
#4fad8a rgb(79,173,138)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#71bea2
```
#71bea2 rgb(113,190,162)
```
#83c6ad
```
#83c6ad rgb(131,198,173)
```
#94ceb9
```
#94ceb9 rgb(148,206,185)
```

Monochromatic Color

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

#60b681
```
#60b681 rgb(96,182,129)
```
#60b688
```
#60b688 rgb(96,182,136)
```
#60b68f
```
#60b68f rgb(96,182,143)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#60b69d
```
#60b69d rgb(96,182,157)
```
#60b6a4
```
#60b6a4 rgb(96,182,164)
```
#60b6ac
```
#60b6ac rgb(96,182,172)
```

Similar Colors

Text with hexadecimal color #60b696

This text has a font color of #60b696.

<span style="color:#60b696;">Text here</span>

#60b696 background color

This paragraph has a background color of #60b696.

<p style="background-color:#60b696;">Content here</p>

#60b696 border color

This element has a border color of #60b696.

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

CSS codes

.text {color:#60b696;}

.background {background-color:#60b696;}

.border {border:1px solid #60b696;}

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

#010202
```
#010202 rgb(1,2,2)
```
#07100d
```
#07100d rgb(7,16,13)
```
#0d1d17
```
#0d1d17 rgb(13,29,23)
```
#142b22
```
#142b22 rgb(20,43,34)
```
#1a382d
```
#1a382d rgb(26,56,45)
```
#204638
```
#204638 rgb(32,70,56)
```
#265342
```
#265342 rgb(38,83,66)
```
#2c604d
```
#2c604d rgb(44,96,77)
```
#326e58
```
#326e58 rgb(50,110,88)
```
#397b62
```
#397b62 rgb(57,123,98)
```
#3f896d
```
#3f896d rgb(63,137,109)
```
#459678
```
#459678 rgb(69,150,120)
```
#4ba483
```
#4ba483 rgb(75,164,131)
```

Shade Color Variation

#53b08d
```
#53b08d rgb(83,176,141)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#6dbc9f
```
#6dbc9f rgb(109,188,159)
```
#7bc2a8
```
#7bc2a8 rgb(123,194,168)
```
#88c9b1
```
#88c9b1 rgb(136,201,177)
```
#96cfba
```
#96cfba rgb(150,207,186)
```
#a3d5c2
```
#a3d5c2 rgb(163,213,194)
```
#b1dbcb
```
#b1dbcb rgb(177,219,203)
```
#bee1d4
```
#bee1d4 rgb(190,225,212)
```
#cce7dd
```
#cce7dd rgb(204,231,221)
```
#d9eee6
```
#d9eee6 rgb(217,238,230)
```
#e6f4ef
```
#e6f4ef rgb(230,244,239)
```
#f4faf8
```
#f4faf8 rgb(244,250,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84928d is the less saturated color, while #19fda8 is the most saturated one.

#84928d
```
#84928d rgb(132,146,141)
```
#7b9b8f
```
#7b9b8f rgb(123,155,143)
```
#72a491
```
#72a491 rgb(114,164,145)
```
#69ad94
```
#69ad94 rgb(105,173,148)
```
#60b696
```
#60b696 rgb(96,182,150)
```
#57bf98
```
#57bf98 rgb(87,191,152)
```
#4ec89b
```
#4ec89b rgb(78,200,155)
```
#45d19d
```
#45d19d rgb(69,209,157)
```
#3cda9f
```
#3cda9f rgb(60,218,159)
```
#33e3a1
```
#33e3a1 rgb(51,227,161)
```
#2aeca4
```
#2aeca4 rgb(42,236,164)
```
#22f4a6
```
#22f4a6 rgb(34,244,166)
```
#19fda8
```
#19fda8 rgb(25,253,168)
```

Tone Color Variation

Below, you can see how #60b696 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

#999999 Achromatopsia 0.005% of the population
#8e9f98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa94 Protanopia 1% of men
#bda5a2 Deuteranopia 1% of men
#74b4c1 Tritanopia 0.001% of the population

Trichromacy

#94ae94 Protanomaly 1% of men, 0.01% of women
#9bab9d Deuteranomaly 6% of men, 0.4% of women
#6db4b1 Tritanomaly 0.01% of the population

#60b696 hex color

#60b696 Color Information

#60b696 Color Conversion

Color Schemes with #60b696

Alternatives to #60b696

#60b696 Preview

Shades and Tints of #60b696

Tones of #60b696

Color Blindness Simulator