#60b4ad hex color

In a RGB color space, hex #60b4ad is composed of 37.6% red, 70.6% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 46.7% cyan, 0% magenta, 3.9% yellow and 29.4% black. It has a hue angle of 175 degrees, a saturation of 35.9% and a lightness of 54.1%. #60b4ad color hex could be obtained by blending #c0ffff with #00695b. Closest websafe color is: #66cc99.

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

● #60b4ad color description : Slightly desaturated cyan.

The hexadecimal color #60b4ad has RGB values of R:96, G:180, B:173 and CMYK values of C:0.47, M:0, Y:0.04, K:0.29. Its decimal value is 6337709.

Hex triplet	60b4ad	`#60b4ad`
RGB Decimal	96, 180, 173	`rgb(96,180,173)`
RGB Percent	37.6, 70.6, 67.8	`rgb(37.6%,70.6%,67.8%)`
CMYK	47, 0, 4, 29
HSL	175°, 35.9, 54.1	`hsl(175,35.9%,54.1%)`
HSV (or HSB)	175°, 46.7, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.127, -27.23, -4.351
XYZ	28.686, 38.145, 45.384
xyY	0.256, 0.34, 38.145
CIE-LCH	68.127, 27.575, 189.079
CIE-LUV	68.127, -37.332, -2.242
Hunter-Lab	61.761, -25.176, -0.335
Binary	01100000, 10110100, 10101101

#60b4ad
```
#60b4ad rgb(96,180,173)
```
#b46067
```
#b46067 rgb(180,96,103)
```

Complementary Color

#60b483
```
#60b483 rgb(96,180,131)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#6091b4
```
#6091b4 rgb(96,145,180)
```

Analogous Color

#b48360
```
#b48360 rgb(180,131,96)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#b46091
```
#b46091 rgb(180,96,145)
```

Split Complementary Color

#b4ad60
```
#b4ad60 rgb(180,173,96)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#ad60b4
```
#ad60b4 rgb(173,96,180)
```

Triadic Color

#67b460
```
#67b460 rgb(103,180,96)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#ad60b4
```
#ad60b4 rgb(173,96,180)
```
#b46067
```
#b46067 rgb(180,96,103)
```

Tetradic Color

#408882
```
#408882 rgb(64,136,130)
```
#489992
```
#489992 rgb(72,153,146)
```
#50aaa3
```
#50aaa3 rgb(80,170,163)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#71bcb6
```
#71bcb6 rgb(113,188,182)
```
#83c4bf
```
#83c4bf rgb(131,196,191)
```
#94cdc8
```
#94cdc8 rgb(148,205,200)
```

Monochromatic Color

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

#60b498
```
#60b498 rgb(96,180,152)
```
#60b49f
```
#60b49f rgb(96,180,159)
```
#60b4a6
```
#60b4a6 rgb(96,180,166)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#60b4b4
```
#60b4b4 rgb(96,180,180)
```
#60adb4
```
#60adb4 rgb(96,173,180)
```
#60a6b4
```
#60a6b4 rgb(96,166,180)
```

Similar Colors

Text with hexadecimal color #60b4ad

This text has a font color of #60b4ad.

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

#60b4ad background color

This paragraph has a background color of #60b4ad.

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

#60b4ad border color

This element has a border color of #60b4ad.

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

CSS codes

.text {color:#60b4ad;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#070e0e
```
#070e0e rgb(7,14,14)
```
#0d1c1a
```
#0d1c1a rgb(13,28,26)
```
#132927
```
#132927 rgb(19,41,39)
```
#1a3634
```
#1a3634 rgb(26,54,52)
```
#204441
```
#204441 rgb(32,68,65)
```
#26514d
```
#26514d rgb(38,81,77)
```
#2c5e5a
```
#2c5e5a rgb(44,94,90)
```
#336c67
```
#336c67 rgb(51,108,103)
```
#397974
```
#397974 rgb(57,121,116)
```
#3f8680
```
#3f8680 rgb(63,134,128)
```
#46948d
```
#46948d rgb(70,148,141)
```
#4ca19a
```
#4ca19a rgb(76,161,154)
```

Shade Color Variation

#53aea6
```
#53aea6 rgb(83,174,166)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#6dbab4
```
#6dbab4 rgb(109,186,180)
```
#7bc1bb
```
#7bc1bb rgb(123,193,187)
```
#88c7c2
```
#88c7c2 rgb(136,199,194)
```
#95cdc8
```
#95cdc8 rgb(149,205,200)
```
#a3d3cf
```
#a3d3cf rgb(163,211,207)
```
#b0dad6
```
#b0dad6 rgb(176,218,214)
```
#bde0dd
```
#bde0dd rgb(189,224,221)
```
#cbe6e4
```
#cbe6e4 rgb(203,230,228)
```
#d8edeb
```
#d8edeb rgb(216,237,235)
```
#e5f3f2
```
#e5f3f2 rgb(229,243,242)
```
#f3f9f9
```
#f3f9f9 rgb(243,249,249)
```

Tint Color Variation

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

#84908f
```
#84908f rgb(132,144,143)
```
#7b9997
```
#7b9997 rgb(123,153,151)
```
#72a29e
```
#72a29e rgb(114,162,158)
```
#69aba6
```
#69aba6 rgb(105,171,166)
```
#60b4ad
```
#60b4ad rgb(96,180,173)
```
#57bdb5
```
#57bdb5 rgb(87,189,181)
```
#4ec6bc
```
#4ec6bc rgb(78,198,188)
```
#45cfc4
```
#45cfc4 rgb(69,207,196)
```
#3cd8cb
```
#3cd8cb rgb(60,216,203)
```
#33e1d3
```
#33e1d3 rgb(51,225,211)
```
#2aeada
```
#2aeada rgb(42,234,218)
```
#21f3e2
```
#21f3e2 rgb(33,243,226)
```
#18fce9
```
#18fce9 rgb(24,252,233)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ada9a9 Protanopia 1% of men
#b4a6b7 Deuteranopia 1% of men
#6eb5c2 Tritanopia 0.001% of the population

Trichromacy

#91adaa Protanomaly 1% of men, 0.01% of women
#95abb3 Deuteranomaly 6% of men, 0.4% of women
#69b4ba Tritanomaly 0.01% of the population

#60b4ad hex color

#60b4ad Color Information

#60b4ad Color Conversion

Color Schemes with #60b4ad

Alternatives to #60b4ad

#60b4ad Preview

Shades and Tints of #60b4ad

Tones of #60b4ad

Color Blindness Simulator