#60cadd hex color

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

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

● #60cadd color description : Soft cyan.

The hexadecimal color #60cadd has RGB values of R:96, G:202, B:221 and CMYK values of C:0.57, M:0.09, Y:0, K:0.13. Its decimal value is 6343389.

Hex triplet	60cadd	`#60cadd`
RGB Decimal	96, 202, 221	`rgb(96,202,221)`
RGB Percent	37.6, 79.2, 86.7	`rgb(37.6%,79.2%,86.7%)`
CMYK	57, 9, 0, 13
HSL	189.1°, 64.8, 62.2	`hsl(189.1,64.8%,62.2%)`
HSV (or HSB)	189.1°, 56.6, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.036, -25.186, -18.72
XYZ	38.992, 49.945, 75.988
xyY	0.236, 0.303, 49.945
CIE-LCH	76.036, 31.381, 216.622
CIE-LUV	76.036, -43.837, -25.667
Hunter-Lab	70.672, -25.192, -14.279
Binary	01100000, 11001010, 11011101

#60cadd
```
#60cadd rgb(96,202,221)
```
#dd7360
```
#dd7360 rgb(221,115,96)
```

Complementary Color

#60ddb2
```
#60ddb2 rgb(96,221,178)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#608cdd
```
#608cdd rgb(96,140,221)
```

Analogous Color

#ddb260
```
#ddb260 rgb(221,178,96)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#dd608c
```
#dd608c rgb(221,96,140)
```

Split Complementary Color

#cadd60
```
#cadd60 rgb(202,221,96)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#dd60ca
```
#dd60ca rgb(221,96,202)
```

Triadic Color

#60dd73
```
#60dd73 rgb(96,221,115)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#dd60ca
```
#dd60ca rgb(221,96,202)
```
#dd7360
```
#dd7360 rgb(221,115,96)
```

Tetradic Color

#2aaec6
```
#2aaec6 rgb(42,174,198)
```
#36bcd4
```
#36bcd4 rgb(54,188,212)
```
#4bc3d9
```
#4bc3d9 rgb(75,195,217)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#75d1e1
```
#75d1e1 rgb(117,209,225)
```
#8ad8e6
```
#8ad8e6 rgb(138,216,230)
```
#9fdfea
```
#9fdfea rgb(159,223,234)
```

Monochromatic Color

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

#60ddd1
```
#60ddd1 rgb(96,221,209)
```
#60dddb
```
#60dddb rgb(96,221,219)
```
#60d4dd
```
#60d4dd rgb(96,212,221)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#60c0dd
```
#60c0dd rgb(96,192,221)
```
#60b5dd
```
#60b5dd rgb(96,181,221)
```
#60abdd
```
#60abdd rgb(96,171,221)
```

Similar Colors

Text with hexadecimal color #60cadd

This text has a font color of #60cadd.

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

#60cadd background color

This paragraph has a background color of #60cadd.

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

#60cadd border color

This element has a border color of #60cadd.

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

CSS codes

.text {color:#60cadd;}

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

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

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 #f1fafc is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#041113
```
#041113 rgb(4,17,19)
```
#071f23
```
#071f23 rgb(7,31,35)
```
#0b2d33
```
#0b2d33 rgb(11,45,51)
```
#0e3b43
```
#0e3b43 rgb(14,59,67)
```
#124953
```
#124953 rgb(18,73,83)
```
#155864
```
#155864 rgb(21,88,100)
```
#196674
```
#196674 rgb(25,102,116)
```
#1c7484
```
#1c7484 rgb(28,116,132)
```
#208294
```
#208294 rgb(32,130,148)
```
#2391a4
```
#2391a4 rgb(35,145,164)
```
#279fb4
```
#279fb4 rgb(39,159,180)
```
#2aadc5
```
#2aadc5 rgb(42,173,197)
```

Shade Color Variation

#30bad3
```
#30bad3 rgb(48,186,211)
```
#40bfd6
```
#40bfd6 rgb(64,191,214)
```
#50c5da
```
#50c5da rgb(80,197,218)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#70cfe0
```
#70cfe0 rgb(112,207,224)
```
#80d5e4
```
#80d5e4 rgb(128,213,228)
```
#90dae7
```
#90dae7 rgb(144,218,231)
```
#a1e0eb
```
#a1e0eb rgb(161,224,235)
```
#b1e5ee
```
#b1e5ee rgb(177,229,238)
```
#c1eaf2
```
#c1eaf2 rgb(193,234,242)
```
#d1f0f5
```
#d1f0f5 rgb(209,240,245)
```
#e1f5f9
```
#e1f5f9 rgb(225,245,249)
```
#f1fafc
```
#f1fafc rgb(241,250,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 #42dffb is the most saturated one.

#9ba1a2
```
#9ba1a2 rgb(155,161,162)
```
#94a6a9
```
#94a6a9 rgb(148,166,169)
```
#8dabb0
```
#8dabb0 rgb(141,171,176)
```
#85b0b8
```
#85b0b8 rgb(133,176,184)
```
#7eb5bf
```
#7eb5bf rgb(126,181,191)
```
#76bbc7
```
#76bbc7 rgb(118,187,199)
```
#6fc0ce
```
#6fc0ce rgb(111,192,206)
```
#67c5d6
```
#67c5d6 rgb(103,197,214)
```
#60cadd
```
#60cadd rgb(96,202,221)
```
#59cfe4
```
#59cfe4 rgb(89,207,228)
```
#51d4ec
```
#51d4ec rgb(81,212,236)
```
#4ad9f3
```
#4ad9f3 rgb(74,217,243)
```
#42dffb
```
#42dffb rgb(66,223,251)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#9db2b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babdd5 Protanopia 1% of men
#bcbbe5 Deuteranopia 1% of men
#66cddc Tritanopia 0.001% of the population

Trichromacy

#99c2d8 Protanomaly 1% of men, 0.01% of women
#9ac0e2 Deuteranomaly 6% of men, 0.4% of women
#64ccdc Tritanomaly 0.01% of the population

#60cadd hex color

#60cadd Color Information

#60cadd Color Conversion

Color Schemes with #60cadd

Alternatives to #60cadd

#60cadd Preview

Shades and Tints of #60cadd

Tones of #60cadd

Color Blindness Simulator