#60c1de hex color

In a RGB color space, hex #60c1de is composed of 37.6% red, 75.7% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 13.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 193.8 degrees, a saturation of 65.6% and a lightness of 62.4%. #60c1de color hex could be obtained by blending #c0ffff with #0083bd. Closest websafe color is: #66cccc.

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

● #60c1de color description : Soft cyan.

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

Hex triplet	60c1de	`#60c1de`
RGB Decimal	96, 193, 222	`rgb(96,193,222)`
RGB Percent	37.6, 75.7, 87.1	`rgb(37.6%,75.7%,87.1%)`
CMYK	57, 13, 0, 13
HSL	193.8°, 65.6, 62.4	`hsl(193.8,65.6%,62.4%)`
HSV (or HSB)	193.8°, 56.8, 87.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.479, -20.357, -23.143
XYZ	37.075, 45.898, 76.009
xyY	0.233, 0.289, 45.898
CIE-LCH	73.479, 30.822, 228.665
CIE-LUV	73.479, -40.424, -33.568
Hunter-Lab	67.748, -20.875, -19.096
Binary	01100000, 11000001, 11011110

#60c1de
```
#60c1de rgb(96,193,222)
```
#de7d60
```
#de7d60 rgb(222,125,96)
```

Complementary Color

#60debc
```
#60debc rgb(96,222,188)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#6082de
```
#6082de rgb(96,130,222)
```

Analogous Color

#debc60
```
#debc60 rgb(222,188,96)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#de6082
```
#de6082 rgb(222,96,130)
```

Split Complementary Color

#c1de60
```
#c1de60 rgb(193,222,96)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#de60c1
```
#de60c1 rgb(222,96,193)
```

Triadic Color

#60de7d
```
#60de7d rgb(96,222,125)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#de60c1
```
#de60c1 rgb(222,96,193)
```
#de7d60
```
#de7d60 rgb(222,125,96)
```

Tetradic Color

#2aa4c8
```
#2aa4c8 rgb(42,164,200)
```
#36b1d5
```
#36b1d5 rgb(54,177,213)
```
#4bb9da
```
#4bb9da rgb(75,185,218)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#75c9e2
```
#75c9e2 rgb(117,201,226)
```
#8ad1e7
```
#8ad1e7 rgb(138,209,231)
```
#9fdaeb
```
#9fdaeb rgb(159,218,235)
```

Monochromatic Color

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

#60dedc
```
#60dedc rgb(96,222,220)
```
#60d6de
```
#60d6de rgb(96,214,222)
```
#60ccde
```
#60ccde rgb(96,204,222)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#60b7de
```
#60b7de rgb(96,183,222)
```
#60acde
```
#60acde rgb(96,172,222)
```
#60a2de
```
#60a2de rgb(96,162,222)
```

Similar Colors

Text with hexadecimal color #60c1de

This text has a font color of #60c1de.

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

#60c1de background color

This paragraph has a background color of #60c1de.

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

#60c1de border color

This element has a border color of #60c1de.

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

CSS codes

.text {color:#60c1de;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#041014
```
#041014 rgb(4,16,20)
```
#071d24
```
#071d24 rgb(7,29,36)
```
#0b2b34
```
#0b2b34 rgb(11,43,52)
```
#0e3844
```
#0e3844 rgb(14,56,68)
```
#124555
```
#124555 rgb(18,69,85)
```
#155365
```
#155365 rgb(21,83,101)
```
#186075
```
#186075 rgb(24,96,117)
```
#1c6d85
```
#1c6d85 rgb(28,109,133)
```
#1f7a96
```
#1f7a96 rgb(31,122,150)
```
#2288a6
```
#2288a6 rgb(34,136,166)
```
#2695b6
```
#2695b6 rgb(38,149,182)
```
#29a2c6
```
#29a2c6 rgb(41,162,198)
```

Shade Color Variation

#2faed4
```
#2faed4 rgb(47,174,212)
```
#40b4d7
```
#40b4d7 rgb(64,180,215)
```
#50bbdb
```
#50bbdb rgb(80,187,219)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#70c7e1
```
#70c7e1 rgb(112,199,225)
```
#80cee5
```
#80cee5 rgb(128,206,229)
```
#91d4e8
```
#91d4e8 rgb(145,212,232)
```
#a1daeb
```
#a1daeb rgb(161,218,235)
```
#b1e1ef
```
#b1e1ef rgb(177,225,239)
```
#c1e7f2
```
#c1e7f2 rgb(193,231,242)
```
#d2edf6
```
#d2edf6 rgb(210,237,246)
```
#e2f4f9
```
#e2f4f9 rgb(226,244,249)
```
#f2fafc
```
#f2fafc rgb(242,250,252)
```

Tint Color Variation

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

#9ba1a3
```
#9ba1a3 rgb(155,161,163)
```
#94a5aa
```
#94a5aa rgb(148,165,170)
```
#8ca9b2
```
#8ca9b2 rgb(140,169,178)
```
#85adb9
```
#85adb9 rgb(133,173,185)
```
#7eb1c0
```
#7eb1c0 rgb(126,177,192)
```
#76b5c8
```
#76b5c8 rgb(118,181,200)
```
#6fb9cf
```
#6fb9cf rgb(111,185,207)
```
#67bdd7
```
#67bdd7 rgb(103,189,215)
```
#60c1de
```
#60c1de rgb(96,193,222)
```
#59c5e5
```
#59c5e5 rgb(89,197,229)
```
#51c9ed
```
#51c9ed rgb(81,201,237)
```
#4acdf4
```
#4acdf4 rgb(74,205,244)
```
#42d1fc
```
#42d1fc rgb(66,209,252)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#99acb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d7 Protanopia 1% of men
#b0b5e5 Deuteranopia 1% of men
#62c6d4 Tritanopia 0.001% of the population

Trichromacy

#93bad9 Protanomaly 1% of men, 0.01% of women
#93b9e2 Deuteranomaly 6% of men, 0.4% of women
#61c4d8 Tritanomaly 0.01% of the population

#60c1de hex color

#60c1de Color Information

#60c1de Color Conversion

Color Schemes with #60c1de

Alternatives to #60c1de

#60c1de Preview

Shades and Tints of #60c1de

Tones of #60c1de

Color Blindness Simulator