#60b2cd hex color

In a RGB color space, hex #60b2cd is composed of 37.6% red, 69.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 13.2% magenta, 0% yellow and 19.6% black. It has a hue angle of 194.9 degrees, a saturation of 52.2% and a lightness of 59%. #60b2cd color hex could be obtained by blending #c0ffff with #00659b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 70
- B 80
RGB color chart
- C 53
- M 13
- Y 0
- K 20
CMYK color chart

● #60b2cd color description : Moderate cyan.

The hexadecimal color #60b2cd has RGB values of R:96, G:178, B:205 and CMYK values of C:0.53, M:0.13, Y:0, K:0.2. Its decimal value is 6337229.

Hex triplet	60b2cd	`#60b2cd`
RGB Decimal	96, 178, 205	`rgb(96,178,205)`
RGB Percent	37.6, 69.8, 80.4	`rgb(37.6%,69.8%,80.4%)`
CMYK	53, 13, 0, 20
HSL	194.9°, 52.2, 59	`hsl(194.9,52.2%,59%)`
HSV (or HSB)	194.9°, 53.2, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.558, -17.506, -21.358
XYZ	31.761, 38.733, 63.557
xyY	0.237, 0.289, 38.733
CIE-LCH	68.558, 27.615, 230.66
CIE-LUV	68.558, -35.395, -30.701
Hunter-Lab	62.236, -17.819, -16.983
Binary	01100000, 10110010, 11001101

#60b2cd
```
#60b2cd rgb(96,178,205)
```
#cd7b60
```
#cd7b60 rgb(205,123,96)
```

Complementary Color

#60cdb2
```
#60cdb2 rgb(96,205,178)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#607ccd
```
#607ccd rgb(96,124,205)
```

Analogous Color

#cdb260
```
#cdb260 rgb(205,178,96)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#cd607c
```
#cd607c rgb(205,96,124)
```

Split Complementary Color

#b2cd60
```
#b2cd60 rgb(178,205,96)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#cd60b2
```
#cd60b2 rgb(205,96,178)
```

Triadic Color

#60cd7b
```
#60cd7b rgb(96,205,123)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#cd60b2
```
#cd60b2 rgb(205,96,178)
```
#cd7b60
```
#cd7b60 rgb(205,123,96)
```

Tetradic Color

#368eab
```
#368eab rgb(54,142,171)
```
#3c9ebe
```
#3c9ebe rgb(60,158,190)
```
#4da9c7
```
#4da9c7 rgb(77,169,199)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#73bbd3
```
#73bbd3 rgb(115,187,211)
```
#87c5d9
```
#87c5d9 rgb(135,197,217)
```
#9acedf
```
#9acedf rgb(154,206,223)
```

Monochromatic Color

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

#60cdcd
```
#60cdcd rgb(96,205,205)
```
#60c4cd
```
#60c4cd rgb(96,196,205)
```
#60bbcd
```
#60bbcd rgb(96,187,205)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#60a9cd
```
#60a9cd rgb(96,169,205)
```
#60a0cd
```
#60a0cd rgb(96,160,205)
```
#6097cd
```
#6097cd rgb(96,151,205)
```

Similar Colors

Text with hexadecimal color #60b2cd

This text has a font color of #60b2cd.

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

#60b2cd background color

This paragraph has a background color of #60b2cd.

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

#60b2cd border color

This element has a border color of #60b2cd.

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

CSS codes

.text {color:#60b2cd;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#061114
```
#061114 rgb(6,17,20)
```
#0b1d23
```
#0b1d23 rgb(11,29,35)
```
#102932
```
#102932 rgb(16,41,50)
```
#143641
```
#143641 rgb(20,54,65)
```
#194250
```
#194250 rgb(25,66,80)
```
#1e4f5f
```
#1e4f5f rgb(30,79,95)
```
#225b6e
```
#225b6e rgb(34,91,110)
```
#27677d
```
#27677d rgb(39,103,125)
```
#2c748b
```
#2c748b rgb(44,116,139)
```
#31809a
```
#31809a rgb(49,128,154)
```
#358da9
```
#358da9 rgb(53,141,169)
```
#3a99b8
```
#3a99b8 rgb(58,153,184)
```

Shade Color Variation

#42a4c4
```
#42a4c4 rgb(66,164,196)
```
#51abc8
```
#51abc8 rgb(81,171,200)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#6fb9d2
```
#6fb9d2 rgb(111,185,210)
```
#7ec0d6
```
#7ec0d6 rgb(126,192,214)
```
#8dc8db
```
#8dc8db rgb(141,200,219)
```
#9ccfe0
```
#9ccfe0 rgb(156,207,224)
```
#abd6e4
```
#abd6e4 rgb(171,214,228)
```
#badde9
```
#badde9 rgb(186,221,233)
```
#c8e5ee
```
#c8e5ee rgb(200,229,238)
```
#d7ecf3
```
#d7ecf3 rgb(215,236,243)
```
#e6f3f7
```
#e6f3f7 rgb(230,243,247)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909a9d is the less saturated color, while #30cafd is the most saturated one.

#909a9d
```
#909a9d rgb(144,154,157)
```
#889ea5
```
#889ea5 rgb(136,158,165)
```
#80a2ad
```
#80a2ad rgb(128,162,173)
```
#78a6b5
```
#78a6b5 rgb(120,166,181)
```
#70aabd
```
#70aabd rgb(112,170,189)
```
#68aec5
```
#68aec5 rgb(104,174,197)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#50badd
```
#50badd rgb(80,186,221)
```
#48bee5
```
#48bee5 rgb(72,190,229)
```
#40c2ed
```
#40c2ed rgb(64,194,237)
```
#38c6f5
```
#38c6f5 rgb(56,198,245)
```
#30cafd
```
#30cafd rgb(48,202,253)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#91a1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5aac8 Protanopia 1% of men
#a5a8d4 Deuteranopia 1% of men
#63b7c5 Tritanopia 0.001% of the population

Trichromacy

#8cadca Protanomaly 1% of men, 0.01% of women
#8cacd1 Deuteranomaly 6% of men, 0.4% of women
#62b5c8 Tritanomaly 0.01% of the population

#60b2cd hex color

#60b2cd Color Information

#60b2cd Color Conversion

Color Schemes with #60b2cd

Alternatives to #60b2cd

#60b2cd Preview

Shades and Tints of #60b2cd

Tones of #60b2cd

Color Blindness Simulator