#60d5dd hex color

In a RGB color space, hex #60d5dd is composed of 37.6% red, 83.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 3.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 183.8 degrees, a saturation of 64.8% and a lightness of 62.2%. #60d5dd color hex could be obtained by blending #c0ffff with #00abbb. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 84
- B 87
RGB color chart
- C 57
- M 4
- Y 0
- K 13
CMYK color chart

● #60d5dd color description : Soft cyan.

The hexadecimal color #60d5dd has RGB values of R:96, G:213, B:221 and CMYK values of C:0.57, M:0.04, Y:0, K:0.13. Its decimal value is 6346205.

Hex triplet	60d5dd	`#60d5dd`
RGB Decimal	96, 213, 221	`rgb(96,213,221)`
RGB Percent	37.6, 83.5, 86.7	`rgb(37.6%,83.5%,86.7%)`
CMYK	57, 4, 0, 13
HSL	183.8°, 64.8, 62.2	`hsl(183.8,64.8%,62.2%)`
HSV (or HSB)	183.8°, 56.6, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	79.209, -30.561, -13.939
XYZ	41.666, 55.293, 76.879
xyY	0.24, 0.318, 55.293
CIE-LCH	79.209, 33.59, 204.517
CIE-LUV	79.209, -47.945, -17.132
Hunter-Lab	74.359, -30.109, -9.248
Binary	01100000, 11010101, 11011101

#60d5dd
```
#60d5dd rgb(96,213,221)
```
#dd6860
```
#dd6860 rgb(221,104,96)
```

Complementary Color

#60dda7
```
#60dda7 rgb(96,221,167)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#6097dd
```
#6097dd rgb(96,151,221)
```

Analogous Color

#dda760
```
#dda760 rgb(221,167,96)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#dd6097
```
#dd6097 rgb(221,96,151)
```

Split Complementary Color

#d5dd60
```
#d5dd60 rgb(213,221,96)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#dd60d5
```
#dd60d5 rgb(221,96,213)
```

Triadic Color

#60dd68
```
#60dd68 rgb(96,221,104)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#dd60d5
```
#dd60d5 rgb(221,96,213)
```
#dd6860
```
#dd6860 rgb(221,104,96)
```

Tetradic Color

#2abcc6
```
#2abcc6 rgb(42,188,198)
```
#36cad4
```
#36cad4 rgb(54,202,212)
```
#4bcfd9
```
#4bcfd9 rgb(75,207,217)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#75dbe1
```
#75dbe1 rgb(117,219,225)
```
#8ae0e6
```
#8ae0e6 rgb(138,224,230)
```
#9fe6ea
```
#9fe6ea rgb(159,230,234)
```

Monochromatic Color

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

#60ddc6
```
#60ddc6 rgb(96,221,198)
```
#60ddd0
```
#60ddd0 rgb(96,221,208)
```
#60dddb
```
#60dddb rgb(96,221,219)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#60c0dd
```
#60c0dd rgb(96,192,221)
```
#60b6dd
```
#60b6dd rgb(96,182,221)
```

Similar Colors

Text with hexadecimal color #60d5dd

This text has a font color of #60d5dd.

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

#60d5dd background color

This paragraph has a background color of #60d5dd.

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

#60d5dd border color

This element has a border color of #60d5dd.

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

CSS codes

.text {color:#60d5dd;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#041213
```
#041213 rgb(4,18,19)
```
#072123
```
#072123 rgb(7,33,35)
```
#0b3133
```
#0b3133 rgb(11,49,51)
```
#0e4043
```
#0e4043 rgb(14,64,67)
```
#124f53
```
#124f53 rgb(18,79,83)
```
#155f64
```
#155f64 rgb(21,95,100)
```
#196e74
```
#196e74 rgb(25,110,116)
```
#1c7d84
```
#1c7d84 rgb(28,125,132)
```
#208d94
```
#208d94 rgb(32,141,148)
```
#239ca4
```
#239ca4 rgb(35,156,164)
```
#27abb4
```
#27abb4 rgb(39,171,180)
```
#2abbc5
```
#2abbc5 rgb(42,187,197)
```

Shade Color Variation

#30c8d3
```
#30c8d3 rgb(48,200,211)
```
#40ccd6
```
#40ccd6 rgb(64,204,214)
```
#50d1da
```
#50d1da rgb(80,209,218)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#70d9e0
```
#70d9e0 rgb(112,217,224)
```
#80dee4
```
#80dee4 rgb(128,222,228)
```
#90e2e7
```
#90e2e7 rgb(144,226,231)
```
#a1e6eb
```
#a1e6eb rgb(161,230,235)
```
#b1eaee
```
#b1eaee rgb(177,234,238)
```
#c1eff2
```
#c1eff2 rgb(193,239,242)
```
#d1f3f5
```
#d1f3f5 rgb(209,243,245)
```
#e1f7f9
```
#e1f7f9 rgb(225,247,249)
```
#f1fbfc
```
#f1fbfc rgb(241,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9ba1a2 is the less saturated color, while #42effb is the most saturated one.

#9ba1a2
```
#9ba1a2 rgb(155,161,162)
```
#94a8a9
```
#94a8a9 rgb(148,168,169)
```
#8daeb0
```
#8daeb0 rgb(141,174,176)
```
#85b5b8
```
#85b5b8 rgb(133,181,184)
```
#7ebbbf
```
#7ebbbf rgb(126,187,191)
```
#76c2c7
```
#76c2c7 rgb(118,194,199)
```
#6fc8ce
```
#6fc8ce rgb(111,200,206)
```
#67cfd6
```
#67cfd6 rgb(103,207,214)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#59dbe4
```
#59dbe4 rgb(89,219,228)
```
#51e2ec
```
#51e2ec rgb(81,226,236)
```
#4ae8f3
```
#4ae8f3 rgb(74,232,243)
```
#42effb
```
#42effb rgb(66,239,251)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a2babb Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c6d4 Protanopia 1% of men
#c9c2e6 Deuteranopia 1% of men
#6bd6e5 Tritanopia 0.001% of the population

Trichromacy

#a1cbd7 Protanomaly 1% of men, 0.01% of women
#a3c9e2 Deuteranomaly 6% of men, 0.4% of women
#67d5e2 Tritanomaly 0.01% of the population

#60d5dd hex color

#60d5dd Color Information

#60d5dd Color Conversion

Color Schemes with #60d5dd

Alternatives to #60d5dd

#60d5dd Preview

Shades and Tints of #60d5dd

Tones of #60d5dd

Color Blindness Simulator