#60b5bc hex color

In a RGB color space, hex #60b5bc is composed of 37.6% red, 71% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 3.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 184.6 degrees, a saturation of 40.7% and a lightness of 55.7%. #60b5bc color hex could be obtained by blending #c0ffff with #006b79. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 71
- B 74
RGB color chart
- C 49
- M 4
- Y 0
- K 26
CMYK color chart

● #60b5bc color description : Slightly desaturated cyan.

The hexadecimal color #60b5bc has RGB values of R:96, G:181, B:188 and CMYK values of C:0.49, M:0.04, Y:0, K:0.26. Its decimal value is 6337980.

Hex triplet	60b5bc	`#60b5bc`
RGB Decimal	96, 181, 188	`rgb(96,181,188)`
RGB Percent	37.6, 71, 73.7	`rgb(37.6%,71%,73.7%)`
CMYK	49, 4, 0, 26
HSL	184.6°, 40.7, 55.7	`hsl(184.6,40.7%,55.7%)`
HSV (or HSB)	184.6°, 48.9, 73.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.869, -23.794, -11.523
XYZ	30.422, 39.163, 53.53
xyY	0.247, 0.318, 39.163
CIE-LCH	68.869, 26.437, 205.84
CIE-LUV	68.869, -37.173, -13.93
Hunter-Lab	62.581, -22.742, -6.909
Binary	01100000, 10110101, 10111100

#60b5bc
```
#60b5bc rgb(96,181,188)
```
#bc6760
```
#bc6760 rgb(188,103,96)
```

Complementary Color

#60bc95
```
#60bc95 rgb(96,188,149)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#6087bc
```
#6087bc rgb(96,135,188)
```

Analogous Color

#bc9560
```
#bc9560 rgb(188,149,96)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#bc6087
```
#bc6087 rgb(188,96,135)
```

Split Complementary Color

#b5bc60
```
#b5bc60 rgb(181,188,96)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#bc60b5
```
#bc60b5 rgb(188,96,181)
```

Triadic Color

#60bc67
```
#60bc67 rgb(96,188,103)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#bc60b5
```
#bc60b5 rgb(188,96,181)
```
#bc6760
```
#bc6760 rgb(188,103,96)
```

Tetradic Color

#3e8c92
```
#3e8c92 rgb(62,140,146)
```
#459da4
```
#459da4 rgb(69,157,164)
```
#4eadb4
```
#4eadb4 rgb(78,173,180)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#72bdc4
```
#72bdc4 rgb(114,189,196)
```
#84c6cb
```
#84c6cb rgb(132,198,203)
```
#96ced3
```
#96ced3 rgb(150,206,211)
```

Monochromatic Color

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

#60bcac
```
#60bcac rgb(96,188,172)
```
#60bcb4
```
#60bcb4 rgb(96,188,180)
```
#60bcbb
```
#60bcbb rgb(96,188,187)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#60adbc
```
#60adbc rgb(96,173,188)
```
#60a6bc
```
#60a6bc rgb(96,166,188)
```
#609ebc
```
#609ebc rgb(96,158,188)
```

Similar Colors

Text with hexadecimal color #60b5bc

This text has a font color of #60b5bc.

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

#60b5bc background color

This paragraph has a background color of #60b5bc.

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

#60b5bc border color

This element has a border color of #60b5bc.

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

CSS codes

.text {color:#60b5bc;}

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

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

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

#030607
```
#030607 rgb(3,6,7)
```
#091414
```
#091414 rgb(9,20,20)
```
#0e2122
```
#0e2122 rgb(14,33,34)
```
#142e30
```
#142e30 rgb(20,46,48)
```
#1a3b3e
```
#1a3b3e rgb(26,59,62)
```
#20484c
```
#20484c rgb(32,72,76)
```
#265559
```
#265559 rgb(38,85,89)
```
#2b6367
```
#2b6367 rgb(43,99,103)
```
#317075
```
#317075 rgb(49,112,117)
```
#377d83
```
#377d83 rgb(55,125,131)
```
#3d8a91
```
#3d8a91 rgb(61,138,145)
```
#43979e
```
#43979e rgb(67,151,158)
```
#49a5ac
```
#49a5ac rgb(73,165,172)
```

Shade Color Variation

#52afb6
```
#52afb6 rgb(82,175,182)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#6ebbc2
```
#6ebbc2 rgb(110,187,194)
```
#7cc2c8
```
#7cc2c8 rgb(124,194,200)
```
#89c8cd
```
#89c8cd rgb(137,200,205)
```
#97cfd3
```
#97cfd3 rgb(151,207,211)
```
#a5d5d9
```
#a5d5d9 rgb(165,213,217)
```
#b3dcdf
```
#b3dcdf rgb(179,220,223)
```
#c1e2e5
```
#c1e2e5 rgb(193,226,229)
```
#cee8eb
```
#cee8eb rgb(206,232,235)
```
#dceff0
```
#dceff0 rgb(220,239,240)
```
#eaf5f6
```
#eaf5f6 rgb(234,245,246)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b9091 is the less saturated color, while #23e9f9 is the most saturated one.

#8b9091
```
#8b9091 rgb(139,144,145)
```
#839899
```
#839899 rgb(131,152,153)
```
#7a9fa2
```
#7a9fa2 rgb(122,159,162)
```
#71a6ab
```
#71a6ab rgb(113,166,171)
```
#69aeb3
```
#69aeb3 rgb(105,174,179)
```
#60b5bc
```
#60b5bc rgb(96,181,188)
```
#57bcc5
```
#57bcc5 rgb(87,188,197)
```
#4fc4cd
```
#4fc4cd rgb(79,196,205)
```
#46cbd6
```
#46cbd6 rgb(70,203,214)
```
#3dd2df
```
#3dd2df rgb(61,210,223)
```
#35dae7
```
#35dae7 rgb(53,218,231)
```
#2ce1f0
```
#2ce1f0 rgb(44,225,240)
```
#23e9f9
```
#23e9f9 rgb(35,233,249)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#90a1a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ababb7 Protanopia 1% of men
#b0a8c5 Deuteranopia 1% of men
#6ab7c5 Tritanopia 0.001% of the population

Trichromacy

#90aeb9 Protanomaly 1% of men, 0.01% of women
#92adc1 Deuteranomaly 6% of men, 0.4% of women
#66b6c1 Tritanomaly 0.01% of the population

#60b5bc hex color

#60b5bc Color Information

#60b5bc Color Conversion

Color Schemes with #60b5bc

Alternatives to #60b5bc

#60b5bc Preview

Shades and Tints of #60b5bc

Tones of #60b5bc

Color Blindness Simulator