#60cbdd hex color

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

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

● #60cbdd color description : Soft cyan.

The hexadecimal color #60cbdd has RGB values of R:96, G:203, B:221 and CMYK values of C:0.57, M:0.08, Y:0, K:0.13. Its decimal value is 6343645.

Hex triplet	60cbdd	`#60cbdd`
RGB Decimal	96, 203, 221	`rgb(96,203,221)`
RGB Percent	37.6, 79.6, 86.7	`rgb(37.6%,79.6%,86.7%)`
CMYK	57, 8, 0, 13
HSL	188.6°, 64.8, 62.2	`hsl(188.6,64.8%,62.2%)`
HSV (or HSB)	188.6°, 56.6, 86.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	76.324, -25.682, -18.284
XYZ	39.227, 50.416, 76.067
xyY	0.237, 0.304, 50.416
CIE-LCH	76.324, 31.526, 215.448
CIE-LUV	76.324, -44.212, -24.887
Hunter-Lab	71.004, -25.643, -13.814
Binary	01100000, 11001011, 11011101

#60cbdd
```
#60cbdd rgb(96,203,221)
```
#dd7260
```
#dd7260 rgb(221,114,96)
```

Complementary Color

#60ddb1
```
#60ddb1 rgb(96,221,177)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#608ddd
```
#608ddd rgb(96,141,221)
```

Analogous Color

#ddb160
```
#ddb160 rgb(221,177,96)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#dd608d
```
#dd608d rgb(221,96,141)
```

Split Complementary Color

#cbdd60
```
#cbdd60 rgb(203,221,96)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#dd60cb
```
#dd60cb rgb(221,96,203)
```

Triadic Color

#60dd72
```
#60dd72 rgb(96,221,114)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#dd60cb
```
#dd60cb rgb(221,96,203)
```
#dd7260
```
#dd7260 rgb(221,114,96)
```

Tetradic Color

#2ab0c6
```
#2ab0c6 rgb(42,176,198)
```
#36bdd4
```
#36bdd4 rgb(54,189,212)
```
#4bc4d9
```
#4bc4d9 rgb(75,196,217)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#75d2e1
```
#75d2e1 rgb(117,210,225)
```
#8ad9e6
```
#8ad9e6 rgb(138,217,230)
```
#9fe0ea
```
#9fe0ea rgb(159,224,234)
```

Monochromatic Color

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

#60ddd0
```
#60ddd0 rgb(96,221,208)
```
#60ddda
```
#60ddda rgb(96,221,218)
```
#60d5dd
```
#60d5dd rgb(96,213,221)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#60c1dd
```
#60c1dd rgb(96,193,221)
```
#60b6dd
```
#60b6dd rgb(96,182,221)
```
#60acdd
```
#60acdd rgb(96,172,221)
```

Similar Colors

Text with hexadecimal color #60cbdd

This text has a font color of #60cbdd.

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

#60cbdd background color

This paragraph has a background color of #60cbdd.

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

#60cbdd border color

This element has a border color of #60cbdd.

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

CSS codes

.text {color:#60cbdd;}

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

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

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)
```
#041113
```
#041113 rgb(4,17,19)
```
#071f23
```
#071f23 rgb(7,31,35)
```
#0b2d33
```
#0b2d33 rgb(11,45,51)
```
#0e3c43
```
#0e3c43 rgb(14,60,67)
```
#124a53
```
#124a53 rgb(18,74,83)
```
#155864
```
#155864 rgb(21,88,100)
```
#196774
```
#196774 rgb(25,103,116)
```
#1c7584
```
#1c7584 rgb(28,117,132)
```
#208394
```
#208394 rgb(32,131,148)
```
#2392a4
```
#2392a4 rgb(35,146,164)
```
#27a0b4
```
#27a0b4 rgb(39,160,180)
```
#2aaec5
```
#2aaec5 rgb(42,174,197)
```

Shade Color Variation

#30bbd3
```
#30bbd3 rgb(48,187,211)
```
#40c0d6
```
#40c0d6 rgb(64,192,214)
```
#50c6da
```
#50c6da rgb(80,198,218)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#70d0e0
```
#70d0e0 rgb(112,208,224)
```
#80d6e4
```
#80d6e4 rgb(128,214,228)
```
#90dbe7
```
#90dbe7 rgb(144,219,231)
```
#a1e0eb
```
#a1e0eb rgb(161,224,235)
```
#b1e5ee
```
#b1e5ee rgb(177,229,238)
```
#c1ebf2
```
#c1ebf2 rgb(193,235,242)
```
#d1f0f5
```
#d1f0f5 rgb(209,240,245)
```
#e1f5f9
```
#e1f5f9 rgb(225,245,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 #42e0fb is the most saturated one.

#9ba1a2
```
#9ba1a2 rgb(155,161,162)
```
#94a6a9
```
#94a6a9 rgb(148,166,169)
```
#8dabb0
```
#8dabb0 rgb(141,171,176)
```
#85b1b8
```
#85b1b8 rgb(133,177,184)
```
#7eb6bf
```
#7eb6bf rgb(126,182,191)
```
#76bbc7
```
#76bbc7 rgb(118,187,199)
```
#6fc0ce
```
#6fc0ce rgb(111,192,206)
```
#67c6d6
```
#67c6d6 rgb(103,198,214)
```
#60cbdd
```
#60cbdd rgb(96,203,221)
```
#59d0e4
```
#59d0e4 rgb(89,208,228)
```
#51d6ec
```
#51d6ec rgb(81,214,236)
```
#4adbf3
```
#4adbf3 rgb(74,219,243)
```
#42e0fb
```
#42e0fb rgb(66,224,251)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#9eb3b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcbed5 Protanopia 1% of men
#bdbbe5 Deuteranopia 1% of men
#67cedd Tritanopia 0.001% of the population

Trichromacy

#9ac2d8 Protanomaly 1% of men, 0.01% of women
#9bc1e2 Deuteranomaly 6% of men, 0.4% of women
#64ccdd Tritanomaly 0.01% of the population

#60cbdd hex color

#60cbdd Color Information

#60cbdd Color Conversion

Color Schemes with #60cbdd

Alternatives to #60cbdd

#60cbdd Preview

Shades and Tints of #60cbdd

Tones of #60cbdd

Color Blindness Simulator