colorhexa.com

#60d4cc hex color

In a RGB color space, hex #60d4cc is composed of 37.6% red, 83.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 0% magenta, 3.8% yellow and 16.9% black. It has a hue angle of 175.9 degrees, a saturation of 57.4% and a lightness of 60.4%. #60d4cc color hex could be obtained by blending #c0ffff with #00a999. Closest websafe color is: #66cccc.

- R 38
- G 83
- B 80
RGB color chart
- C 55
- M 0
- Y 4
- K 17
CMYK color chart

● #60d4cc color description : Moderate cyan.

The hexadecimal color #60d4cc has RGB values of R:96, G:212, B:204 and CMYK values of C:0.55, M:0, Y:0.04, K:0.17. Its decimal value is 6345932.

Hex triplet	60d4cc	`#60d4cc`
RGB Decimal	96, 212, 204	`rgb(96,212,204)`
RGB Percent	37.6, 83.1, 80	`rgb(37.6%,83.1%,80%)`
CMYK	55, 0, 4, 17
HSL	175.9°, 57.4, 60.4	`hsl(175.9,57.4%,60.4%)`
HSV (or HSB)	175.9°, 54.7, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	78.421, -34.608, -6.007
XYZ	39.263, 53.93, 65.464
xyY	0.247, 0.34, 53.93
CIE-LCH	78.421, 35.126, 189.846
CIE-LUV	78.421, -48.419, -3.763
Hunter-Lab	73.437, -33.081, -1.446
Binary	01100000, 11010100, 11001100

#60d4cc
```
#60d4cc rgb(96,212,204)
```
#d46068
```
#d46068 rgb(212,96,104)
```

Complementary Color

#60d492
```
#60d492 rgb(96,212,146)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#60a2d4
```
#60a2d4 rgb(96,162,212)
```

Analogous Color

#d49260
```
#d49260 rgb(212,146,96)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#d460a2
```
#d460a2 rgb(212,96,162)
```

Split Complementary Color

#d4cc60
```
#d4cc60 rgb(212,204,96)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#cc60d4
```
#cc60d4 rgb(204,96,212)
```

Triadic Color

#68d460
```
#68d460 rgb(104,212,96)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#cc60d4
```
#cc60d4 rgb(204,96,212)
```
#d46068
```
#d46068 rgb(212,96,104)
```

Tetradic Color

#31b6ad
```
#31b6ad rgb(49,182,173)
```
#38c9bf
```
#38c9bf rgb(56,201,191)
```
#4ccfc6
```
#4ccfc6 rgb(76,207,198)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#74d9d2
```
#74d9d2 rgb(116,217,210)
```
#88dfd9
```
#88dfd9 rgb(136,223,217)
```
#9ce4df
```
#9ce4df rgb(156,228,223)
```

Monochromatic Color

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

#60d4af
```
#60d4af rgb(96,212,175)
```
#60d4b9
```
#60d4b9 rgb(96,212,185)
```
#60d4c2
```
#60d4c2 rgb(96,212,194)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#60d2d4
```
#60d2d4 rgb(96,210,212)
```
#60c9d4
```
#60c9d4 rgb(96,201,212)
```
#60bfd4
```
#60bfd4 rgb(96,191,212)
```

Similar Colors

Text with hexadecimal color #60d4cc

This text has a font color of #60d4cc.

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

#60d4cc background color

This paragraph has a background color of #60d4cc.

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

#60d4cc border color

This element has a border color of #60d4cc.

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

CSS codes

.text {color:#60d4cc;}

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

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

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

#030b0a
```
#030b0a rgb(3,11,10)
```
#071a19
```
#071a19 rgb(7,26,25)
```
#0b2a28
```
#0b2a28 rgb(11,42,40)
```
#0f3936
```
#0f3936 rgb(15,57,54)
```
#144945
```
#144945 rgb(20,73,69)
```
#185854
```
#185854 rgb(24,88,84)
```
#1c6762
```
#1c6762 rgb(28,103,98)
```
#207771
```
#207771 rgb(32,119,113)
```
#248680
```
#248680 rgb(36,134,128)
```
#29968e
```
#29968e rgb(41,150,142)
```
#2da59d
```
#2da59d rgb(45,165,157)
```
#31b5ac
```
#31b5ac rgb(49,181,172)
```
#35c4ba
```
#35c4ba rgb(53,196,186)
```

Shade Color Variation

#41ccc2
```
#41ccc2 rgb(65,204,194)
```
#51d0c7
```
#51d0c7 rgb(81,208,199)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#6fd8d1
```
#6fd8d1 rgb(111,216,209)
```
#7fdcd6
```
#7fdcd6 rgb(127,220,214)
```
#8ee1db
```
#8ee1db rgb(142,225,219)
```
#9ee5e0
```
#9ee5e0 rgb(158,229,224)
```
#ade9e5
```
#ade9e5 rgb(173,233,229)
```
#bdedea
```
#bdedea rgb(189,237,234)
```
#ccf1ef
```
#ccf1ef rgb(204,241,239)
```
#dcf5f4
```
#dcf5f4 rgb(220,245,244)
```
#ebfaf9
```
#ebfaf9 rgb(235,250,249)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#969e9d
```
#969e9d rgb(150,158,157)
```
#8fa5a4
```
#8fa5a4 rgb(143,165,164)
```
#87adab
```
#87adab rgb(135,173,171)
```
#7fb5b1
```
#7fb5b1 rgb(127,181,177)
```
#77bdb8
```
#77bdb8 rgb(119,189,184)
```
#70c4bf
```
#70c4bf rgb(112,196,191)
```
#68ccc5
```
#68ccc5 rgb(104,204,197)
```
#60d4cc
```
#60d4cc rgb(96,212,204)
```
#58dcd3
```
#58dcd3 rgb(88,220,211)
```
#50e4d9
```
#50e4d9 rgb(80,228,217)
```
#49ebe0
```
#49ebe0 rgb(73,235,224)
```
#41f3e7
```
#41f3e7 rgb(65,243,231)
```
#39fbed
```
#39fbed rgb(57,251,237)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a0b7b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c4c4 Protanopia 1% of men
#cfc0d6 Deuteranopia 1% of men
#71d3e2 Tritanopia 0.001% of the population

Trichromacy

#a2c9c7 Protanomaly 1% of men, 0.01% of women
#a6c7d2 Deuteranomaly 6% of men, 0.4% of women
#6bd3da Tritanomaly 0.01% of the population