#60dfde hex color

In a RGB color space, hex #60dfde is composed of 37.6% red, 87.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 0% magenta, 0.4% yellow and 12.5% black. It has a hue angle of 179.5 degrees, a saturation of 66.5% and a lightness of 62.5%. #60dfde color hex could be obtained by blending #c0ffff with #00bfbd. Closest websafe color is: #66cccc.

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

● #60dfde color description : Soft cyan.

The hexadecimal color #60dfde has RGB values of R:96, G:223, B:222 and CMYK values of C:0.57, M:0, Y:0, K:0.13. Its decimal value is 6348766.

Hex triplet	60dfde	`#60dfde`
RGB Decimal	96, 223, 222	`rgb(96,223,222)`
RGB Percent	37.6, 87.5, 87.1	`rgb(37.6%,87.5%,87.1%)`
CMYK	57, 0, 0, 13
HSL	179.5°, 66.5, 62.5	`hsl(179.5,66.5%,62.5%)`
HSV (or HSB)	179.5°, 57, 87.5
Web Safe	66cccc	`#66cccc`

CIE-LAB	82.127, -35.024, -10.112
XYZ	44.392, 60.533, 78.448
xyY	0.242, 0.33, 60.533
CIE-LCH	82.127, 36.455, 196.104
CIE-LUV	82.127, -51.605, -10.302
Hunter-Lab	77.803, -34.307, -5.32
Binary	01100000, 11011111, 11011110

#60dfde
```
#60dfde rgb(96,223,222)
```
#df6061
```
#df6061 rgb(223,96,97)
```

Complementary Color

#60df9f
```
#60df9f rgb(96,223,159)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#60a1df
```
#60a1df rgb(96,161,223)
```

Analogous Color

#df9f60
```
#df9f60 rgb(223,159,96)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#df60a1
```
#df60a1 rgb(223,96,161)
```

Split Complementary Color

#dfde60
```
#dfde60 rgb(223,222,96)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#de60df
```
#de60df rgb(222,96,223)
```

Triadic Color

#61df60
```
#61df60 rgb(97,223,96)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#de60df
```
#de60df rgb(222,96,223)
```
#df6061
```
#df6061 rgb(223,96,97)
```

Tetradic Color

#29cac9
```
#29cac9 rgb(41,202,201)
```
#36d6d5
```
#36d6d5 rgb(54,214,213)
```
#4bdbda
```
#4bdbda rgb(75,219,218)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#75e3e2
```
#75e3e2 rgb(117,227,226)
```
#8ae8e7
```
#8ae8e7 rgb(138,232,231)
```
#a0eceb
```
#a0eceb rgb(160,236,235)
```

Monochromatic Color

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

#60dfbe
```
#60dfbe rgb(96,223,190)
```
#60dfc9
```
#60dfc9 rgb(96,223,201)
```
#60dfd3
```
#60dfd3 rgb(96,223,211)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#60d5df
```
#60d5df rgb(96,213,223)
```
#60cbdf
```
#60cbdf rgb(96,203,223)
```
#60c0df
```
#60c0df rgb(96,192,223)
```

Similar Colors

Text with hexadecimal color #60dfde

This text has a font color of #60dfde.

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

#60dfde background color

This paragraph has a background color of #60dfde.

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

#60dfde border color

This element has a border color of #60dfde.

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

CSS codes

.text {color:#60dfde;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#041514
```
#041514 rgb(4,21,20)
```
#072525
```
#072525 rgb(7,37,37)
```
#0b3535
```
#0b3535 rgb(11,53,53)
```
#0e4645
```
#0e4645 rgb(14,70,69)
```
#115655
```
#115655 rgb(17,86,85)
```
#156666
```
#156666 rgb(21,102,102)
```
#187776
```
#187776 rgb(24,119,118)
```
#1b8786
```
#1b8786 rgb(27,135,134)
```
#1e9796
```
#1e9796 rgb(30,151,150)
```
#22a8a7
```
#22a8a7 rgb(34,168,167)
```
#25b8b7
```
#25b8b7 rgb(37,184,183)
```
#28c8c7
```
#28c8c7 rgb(40,200,199)
```

Shade Color Variation

#2fd5d4
```
#2fd5d4 rgb(47,213,212)
```
#3fd8d7
```
#3fd8d7 rgb(63,216,215)
```
#50dcdb
```
#50dcdb rgb(80,220,219)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#70e2e1
```
#70e2e1 rgb(112,226,225)
```
#81e6e5
```
#81e6e5 rgb(129,230,229)
```
#91e9e8
```
#91e9e8 rgb(145,233,232)
```
#a1ecec
```
#a1ecec rgb(161,236,236)
```
#b2efef
```
#b2efef rgb(178,239,239)
```
#c2f3f2
```
#c2f3f2 rgb(194,243,242)
```
#d2f6f6
```
#d2f6f6 rgb(210,246,246)
```
#e3f9f9
```
#e3f9f9 rgb(227,249,249)
```
#f3fdfd
```
#f3fdfd rgb(243,253,253)
```

Tint Color Variation

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

#9ba4a4
```
#9ba4a4 rgb(155,164,164)
```
#93acab
```
#93acab rgb(147,172,171)
```
#8cb3b3
```
#8cb3b3 rgb(140,179,179)
```
#85baba
```
#85baba rgb(133,186,186)
```
#7dc2c1
```
#7dc2c1 rgb(125,194,193)
```
#76c9c8
```
#76c9c8 rgb(118,201,200)
```
#6fd0d0
```
#6fd0d0 rgb(111,208,208)
```
#67d8d7
```
#67d8d7 rgb(103,216,215)
```
#60dfde
```
#60dfde rgb(96,223,222)
```
#59e6e5
```
#59e6e5 rgb(89,230,229)
```
#51eeec
```
#51eeec rgb(81,238,236)
```
#4af5f4
```
#4af5f4 rgb(74,245,244)
```
#43fcfb
```
#43fcfb rgb(67,252,251)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#a7c1c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cdd5 Protanopia 1% of men
#d5c9e7 Deuteranopia 1% of men
#6fdeee Tritanopia 0.001% of the population

Trichromacy

#a7d4d8 Protanomaly 1% of men, 0.01% of women
#aad1e4 Deuteranomaly 6% of men, 0.4% of women
#6adee8 Tritanomaly 0.01% of the population

#60dfde hex color

#60dfde Color Information

#60dfde Color Conversion

Color Schemes with #60dfde

Alternatives to #60dfde

#60dfde Preview

Shades and Tints of #60dfde

Tones of #60dfde

Color Blindness Simulator