colorhexa.com

#60b7c6 hex color

In a RGB color space, hex #60b7c6 is composed of 37.6% red, 71.8% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 7.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 188.8 degrees, a saturation of 47.2% and a lightness of 57.6%. #60b7c6 color hex could be obtained by blending #c0ffff with #006f8d. Closest websafe color is: #66cccc.

- R 38
- G 72
- B 78
RGB color chart
- C 52
- M 8
- Y 0
- K 22
CMYK color chart

● #60b7c6 color description : Moderate cyan.

The hexadecimal color #60b7c6 has RGB values of R:96, G:183, B:198 and CMYK values of C:0.52, M:0.08, Y:0, K:0.22. Its decimal value is 6338502.

Hex triplet	60b7c6	`#60b7c6`
RGB Decimal	96, 183, 198	`rgb(96,183,198)`
RGB Percent	37.6, 71.8, 77.6	`rgb(37.6%,71.8%,77.6%)`
CMYK	52, 8, 0, 22
HSL	188.8°, 47.2, 57.6	`hsl(188.8,47.2%,57.6%)`
HSV (or HSB)	188.8°, 51.5, 77.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.774, -22.069, -15.665
XYZ	31.948, 40.429, 59.543
xyY	0.242, 0.306, 40.429
CIE-LCH	69.774, 27.064, 215.368
CIE-LUV	69.774, -37.577, -20.845
Hunter-Lab	63.584, -21.584, -11.014
Binary	01100000, 10110111, 11000110

#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#c66f60
```
#c66f60 rgb(198,111,96)
```

Complementary Color

#60c6a2
```
#60c6a2 rgb(96,198,162)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#6084c6
```
#6084c6 rgb(96,132,198)
```

Analogous Color

#c6a260
```
#c6a260 rgb(198,162,96)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#c66084
```
#c66084 rgb(198,96,132)
```

Split Complementary Color

#b7c660
```
#b7c660 rgb(183,198,96)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#c660b7
```
#c660b7 rgb(198,96,183)
```

Triadic Color

#60c66f
```
#60c66f rgb(96,198,111)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#c660b7
```
#c660b7 rgb(198,96,183)
```
#c66f60
```
#c66f60 rgb(198,111,96)
```

Tetradic Color

#3991a0
```
#3991a0 rgb(57,145,160)
```
#40a2b3
```
#40a2b3 rgb(64,162,179)
```
#4dafbf
```
#4dafbf rgb(77,175,191)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#73c0cd
```
#73c0cd rgb(115,192,205)
```
#86c8d3
```
#86c8d3 rgb(134,200,211)
```
#98d1da
```
#98d1da rgb(152,209,218)
```

Monochromatic Color

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

#60c6bc
```
#60c6bc rgb(96,198,188)
```
#60c6c4
```
#60c6c4 rgb(96,198,196)
```
#60c0c6
```
#60c0c6 rgb(96,192,198)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#60afc6
```
#60afc6 rgb(96,175,198)
```
#60a6c6
```
#60a6c6 rgb(96,166,198)
```
#609ec6
```
#609ec6 rgb(96,158,198)
```

Similar Colors

Text with hexadecimal color #60b7c6

This text has a font color of #60b7c6.

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

#60b7c6 background color

This paragraph has a background color of #60b7c6.

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

#60b7c6 border color

This element has a border color of #60b7c6.

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

CSS codes

.text {color:#60b7c6;}

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

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

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, #050d0e is the darkest color, while #ffffff is the lightest one.

#050d0e
```
#050d0e rgb(5,13,14)
```
#0a1a1d
```
#0a1a1d rgb(10,26,29)
```
#0f272b
```
#0f272b rgb(15,39,43)
```
#15343a
```
#15343a rgb(21,52,58)
```
#1a4148
```
#1a4148 rgb(26,65,72)
```
#1f4e56
```
#1f4e56 rgb(31,78,86)
```
#245b65
```
#245b65 rgb(36,91,101)
```
#296873
```
#296873 rgb(41,104,115)
```
#2f7682
```
#2f7682 rgb(47,118,130)
```
#348390
```
#348390 rgb(52,131,144)
```
#39909f
```
#39909f rgb(57,144,159)
```
#3e9dad
```
#3e9dad rgb(62,157,173)
```
#43aabc
```
#43aabc rgb(67,170,188)
```

Shade Color Variation

#52b0c1
```
#52b0c1 rgb(82,176,193)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#6ebecb
```
#6ebecb rgb(110,190,203)
```
#7dc4d0
```
#7dc4d0 rgb(125,196,208)
```
#8bcbd6
```
#8bcbd6 rgb(139,203,214)
```
#9ad1db
```
#9ad1db rgb(154,209,219)
```
#a8d8e0
```
#a8d8e0 rgb(168,216,224)
```
#b7dee5
```
#b7dee5 rgb(183,222,229)
```
#c5e5ea
```
#c5e5ea rgb(197,229,234)
```
#d4ebef
```
#d4ebef rgb(212,235,239)
```
#e2f2f5
```
#e2f2f5 rgb(226,242,245)
```
#f0f8fa
```
#f0f8fa rgb(240,248,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929494 is the less saturated color, while #2edaf8 is the most saturated one.

#929494
```
#929494 rgb(146,148,148)
```
#8a9a9c
```
#8a9a9c rgb(138,154,156)
```
#81a0a5
```
#81a0a5 rgb(129,160,165)
```
#79a5ad
```
#79a5ad rgb(121,165,173)
```
#71abb5
```
#71abb5 rgb(113,171,181)
```
#68b1be
```
#68b1be rgb(104,177,190)
```
#60b7c6
```
#60b7c6 rgb(96,183,198)
```
#58bdce
```
#58bdce rgb(88,189,206)
```
#4fc3d7
```
#4fc3d7 rgb(79,195,215)
```
#47c9df
```
#47c9df rgb(71,201,223)
```
#3fcee7
```
#3fcee7 rgb(63,206,231)
```
#36d4f0
```
#36d4f0 rgb(54,212,240)
```
#2edaf8
```
#2edaf8 rgb(46,218,248)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#92a4a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acadc1 Protanopia 1% of men
#aeabce Deuteranopia 1% of men
#68bac8 Tritanopia 0.001% of the population

Trichromacy

#90b1c2 Protanomaly 1% of men, 0.01% of women
#91afcb Deuteranomaly 6% of men, 0.4% of women
#65b9c7 Tritanomaly 0.01% of the population