#60d0d2 hex color

In a RGB color space, hex #60d0d2 is composed of 37.6% red, 81.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 1% magenta, 0% yellow and 17.6% black. It has a hue angle of 181.1 degrees, a saturation of 55.9% and a lightness of 60%. #60d0d2 color hex could be obtained by blending #c0ffff with #00a1a5. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 82
- B 82
RGB color chart
- C 54
- M 1
- Y 0
- K 18
CMYK color chart

● #60d0d2 color description : Moderate cyan.

The hexadecimal color #60d0d2 has RGB values of R:96, G:208, B:210 and CMYK values of C:0.54, M:0.01, Y:0, K:0.18. Its decimal value is 6344914.

Hex triplet	60d0d2	`#60d0d2`
RGB Decimal	96, 208, 210	`rgb(96,208,210)`
RGB Percent	37.6, 81.6, 82.4	`rgb(37.6%,81.6%,82.4%)`
CMYK	54, 1, 0, 18
HSL	181.1°, 55.9, 60	`hsl(181.1,55.9%,60%)`
HSV (or HSB)	181.1°, 54.3, 82.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	77.429, -31.138, -10.702
XYZ	39.009, 52.249, 68.999
xyY	0.243, 0.326, 52.249
CIE-LCH	77.429, 32.926, 198.967
CIE-LUV	77.429, -46.614, -11.754
Hunter-Lab	72.283, -30.164, -5.997
Binary	01100000, 11010000, 11010010

#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#d26260
```
#d26260 rgb(210,98,96)
```

Complementary Color

#60d29b
```
#60d29b rgb(96,210,155)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#6097d2
```
#6097d2 rgb(96,151,210)
```

Analogous Color

#d29b60
```
#d29b60 rgb(210,155,96)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#d26097
```
#d26097 rgb(210,96,151)
```

Split Complementary Color

#d0d260
```
#d0d260 rgb(208,210,96)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#d260d0
```
#d260d0 rgb(210,96,208)
```

Triadic Color

#60d262
```
#60d262 rgb(96,210,98)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#d260d0
```
#d260d0 rgb(210,96,208)
```
#d26260
```
#d26260 rgb(210,98,96)
```

Tetradic Color

#33b1b3
```
#33b1b3 rgb(51,177,179)
```
#38c4c7
```
#38c4c7 rgb(56,196,199)
```
#4ccacc
```
#4ccacc rgb(76,202,204)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#74d6d8
```
#74d6d8 rgb(116,214,216)
```
#88dcdd
```
#88dcdd rgb(136,220,221)
```
#9ce2e3
```
#9ce2e3 rgb(156,226,227)
```

Monochromatic Color

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

#60d2b8
```
#60d2b8 rgb(96,210,184)
```
#60d2c1
```
#60d2c1 rgb(96,210,193)
```
#60d2cb
```
#60d2cb rgb(96,210,203)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#60c7d2
```
#60c7d2 rgb(96,199,210)
```
#60bdd2
```
#60bdd2 rgb(96,189,210)
```
#60b4d2
```
#60b4d2 rgb(96,180,210)
```

Similar Colors

Text with hexadecimal color #60d0d2

This text has a font color of #60d0d2.

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

#60d0d2 background color

This paragraph has a background color of #60d0d2.

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

#60d0d2 border color

This element has a border color of #60d0d2.

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

CSS codes

.text {color:#60d0d2;}

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

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

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

#030909
```
#030909 rgb(3,9,9)
```
#071818
```
#071818 rgb(7,24,24)
```
#0b2728
```
#0b2728 rgb(11,39,40)
```
#103637
```
#103637 rgb(16,54,55)
```
#144546
```
#144546 rgb(20,69,70)
```
#185556
```
#185556 rgb(24,85,86)
```
#1d6465
```
#1d6465 rgb(29,100,101)
```
#217374
```
#217374 rgb(33,115,116)
```
#258283
```
#258283 rgb(37,130,131)
```
#2a9193
```
#2a9193 rgb(42,145,147)
```
#2ea0a2
```
#2ea0a2 rgb(46,160,162)
```
#32afb1
```
#32afb1 rgb(50,175,177)
```
#37bec1
```
#37bec1 rgb(55,190,193)
```

Shade Color Variation

#41c7c9
```
#41c7c9 rgb(65,199,201)
```
#51cbce
```
#51cbce rgb(81,203,206)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#6fd5d6
```
#6fd5d6 rgb(111,213,214)
```
#7fd9db
```
#7fd9db rgb(127,217,219)
```
#8ededf
```
#8ededf rgb(142,222,223)
```
#9de2e3
```
#9de2e3 rgb(157,226,227)
```
#ace7e8
```
#ace7e8 rgb(172,231,232)
```
#bcebec
```
#bcebec rgb(188,235,236)
```
#cbf0f0
```
#cbf0f0 rgb(203,240,240)
```
#daf4f5
```
#daf4f5 rgb(218,244,245)
```
#eaf9f9
```
#eaf9f9 rgb(234,249,249)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#979b9b
```
#979b9b rgb(151,155,155)
```
#8fa3a3
```
#8fa3a3 rgb(143,163,163)
```
#87aaab
```
#87aaab rgb(135,170,171)
```
#7fb2b3
```
#7fb2b3 rgb(127,178,179)
```
#78b9ba
```
#78b9ba rgb(120,185,186)
```
#70c1c2
```
#70c1c2 rgb(112,193,194)
```
#68c8ca
```
#68c8ca rgb(104,200,202)
```
#60d0d2
```
#60d0d2 rgb(96,208,210)
```
#58d8da
```
#58d8da rgb(88,216,218)
```
#50dfe2
```
#50dfe2 rgb(80,223,226)
```
#48e7ea
```
#48e7ea rgb(72,231,234)
```
#41eef1
```
#41eef1 rgb(65,238,241)
```
#39f6f9
```
#39f6f9 rgb(57,246,249)
```

Tone Color Variation

Below, you can see how #60d0d2 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
#9fb6b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c1ca Protanopia 1% of men
#c8bedb Deuteranopia 1% of men
#6dd0df Tritanopia 0.001% of the population

Trichromacy

#9fc6cd Protanomaly 1% of men, 0.01% of women
#a2c4d8 Deuteranomaly 6% of men, 0.4% of women
#68d0da Tritanomaly 0.01% of the population

#60d0d2 hex color

#60d0d2 Color Information

#60d0d2 Color Conversion

Color Schemes with #60d0d2

Alternatives to #60d0d2

#60d0d2 Preview

Shades and Tints of #60d0d2

Tones of #60d0d2

Color Blindness Simulator