#60d5bd hex color

In a RGB color space, hex #60d5bd is composed of 37.6% red, 83.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 0% magenta, 11.3% yellow and 16.5% black. It has a hue angle of 167.7 degrees, a saturation of 58.2% and a lightness of 60.6%. #60d5bd color hex could be obtained by blending #c0ffff with #00ab7b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 84
- B 74
RGB color chart
- C 55
- M 0
- Y 11
- K 16
CMYK color chart

● #60d5bd color description : Moderate cyan.

The hexadecimal color #60d5bd has RGB values of R:96, G:213, B:189 and CMYK values of C:0.55, M:0, Y:0.11, K:0.16. Its decimal value is 6346173.

Hex triplet	60d5bd	`#60d5bd`
RGB Decimal	96, 213, 189	`rgb(96,213,189)`
RGB Percent	37.6, 83.5, 74.1	`rgb(37.6%,83.5%,74.1%)`
CMYK	55, 0, 11, 16
HSL	167.7°, 58.2, 60.6	`hsl(167.7,58.2%,60.6%)`
HSV (or HSB)	167.7°, 54.9, 83.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.314, -38.828, 1.872
XYZ	37.8, 53.747, 56.523
xyY	0.255, 0.363, 53.747
CIE-LCH	78.314, 38.873, 177.24
CIE-LUV	78.314, -49.542, 9.068
Hunter-Lab	73.312, -36.26, 5.606
Binary	01100000, 11010101, 10111101

#60d5bd
```
#60d5bd rgb(96,213,189)
```
#d56078
```
#d56078 rgb(213,96,120)
```

Complementary Color

#60d583
```
#60d583 rgb(96,213,131)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#60b3d5
```
#60b3d5 rgb(96,179,213)
```

Analogous Color

#d58360
```
#d58360 rgb(213,131,96)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#d560b3
```
#d560b3 rgb(213,96,179)
```

Split Complementary Color

#d5bd60
```
#d5bd60 rgb(213,189,96)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#bd60d5
```
#bd60d5 rgb(189,96,213)
```

Triadic Color

#78d560
```
#78d560 rgb(120,213,96)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#bd60d5
```
#bd60d5 rgb(189,96,213)
```
#d56078
```
#d56078 rgb(213,96,120)
```

Tetradic Color

#31b89c
```
#31b89c rgb(49,184,156)
```
#38caac
```
#38caac rgb(56,202,172)
```
#4cd0b5
```
#4cd0b5 rgb(76,208,181)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#74dac5
```
#74dac5 rgb(116,218,197)
```
#88e0ce
```
#88e0ce rgb(136,224,206)
```
#9de5d6
```
#9de5d6 rgb(157,229,214)
```

Monochromatic Color

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

#60d5a0
```
#60d5a0 rgb(96,213,160)
```
#60d5aa
```
#60d5aa rgb(96,213,170)
```
#60d5b3
```
#60d5b3 rgb(96,213,179)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#60d5c7
```
#60d5c7 rgb(96,213,199)
```
#60d5d1
```
#60d5d1 rgb(96,213,209)
```
#60d0d5
```
#60d0d5 rgb(96,208,213)
```

Similar Colors

Text with hexadecimal color #60d5bd

This text has a font color of #60d5bd.

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

#60d5bd background color

This paragraph has a background color of #60d5bd.

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

#60d5bd border color

This element has a border color of #60d5bd.

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

CSS codes

.text {color:#60d5bd;}

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

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

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, #030c0a is the darkest color, while #fbfefd is the lightest one.

#030c0a
```
#030c0a rgb(3,12,10)
```
#071b17
```
#071b17 rgb(7,27,23)
```
#0b2b24
```
#0b2b24 rgb(11,43,36)
```
#0f3a31
```
#0f3a31 rgb(15,58,49)
```
#134a3f
```
#134a3f rgb(19,74,63)
```
#18594c
```
#18594c rgb(24,89,76)
```
#1c6959
```
#1c6959 rgb(28,105,89)
```
#207866
```
#207866 rgb(32,120,102)
```
#248873
```
#248873 rgb(36,136,115)
```
#289780
```
#289780 rgb(40,151,128)
```
#2ca78e
```
#2ca78e rgb(44,167,142)
```
#30b69b
```
#30b69b rgb(48,182,155)
```
#34c6a8
```
#34c6a8 rgb(52,198,168)
```

Shade Color Variation

#41cdb0
```
#41cdb0 rgb(65,205,176)
```
#50d1b7
```
#50d1b7 rgb(80,209,183)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#70d9c3
```
#70d9c3 rgb(112,217,195)
```
#7fddca
```
#7fddca rgb(127,221,202)
```
#8fe1d0
```
#8fe1d0 rgb(143,225,208)
```
#9ee5d7
```
#9ee5d7 rgb(158,229,215)
```
#aee9dd
```
#aee9dd rgb(174,233,221)
```
#bdeee4
```
#bdeee4 rgb(189,238,228)
```
#cdf2ea
```
#cdf2ea rgb(205,242,234)
```
#dcf6f1
```
#dcf6f1 rgb(220,246,241)
```
#ecfaf7
```
#ecfaf7 rgb(236,250,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969f9d is the less saturated color, while #39fcd4 is the most saturated one.

#969f9d
```
#969f9d rgb(150,159,157)
```
#8ea7a2
```
#8ea7a2 rgb(142,167,162)
```
#87aea6
```
#87aea6 rgb(135,174,166)
```
#7fb6ab
```
#7fb6ab rgb(127,182,171)
```
#77beaf
```
#77beaf rgb(119,190,175)
```
#6fc6b4
```
#6fc6b4 rgb(111,198,180)
```
#68cdb8
```
#68cdb8 rgb(104,205,184)
```
#60d5bd
```
#60d5bd rgb(96,213,189)
```
#58ddc2
```
#58ddc2 rgb(88,221,194)
```
#51e4c6
```
#51e4c6 rgb(81,228,198)
```
#49eccb
```
#49eccb rgb(73,236,203)
```
#41f4cf
```
#41f4cf rgb(65,244,207)
```
#39fcd4
```
#39fcd4 rgb(57,252,212)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9fb7b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbc4b6 Protanopia 1% of men
#d5bfc8 Deuteranopia 1% of men
#76d2e1 Tritanopia 0.001% of the population

Trichromacy

#a4cab9 Protanomaly 1% of men, 0.01% of women
#aac7c4 Deuteranomaly 6% of men, 0.4% of women
#6ed3d4 Tritanomaly 0.01% of the population

#60d5bd hex color

#60d5bd Color Information

#60d5bd Color Conversion

Color Schemes with #60d5bd

Alternatives to #60d5bd

#60d5bd Preview

Shades and Tints of #60d5bd

Tones of #60d5bd

Color Blindness Simulator