#60bccb hex color

In a RGB color space, hex #60bccb is composed of 37.6% red, 73.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 7.4% magenta, 0% yellow and 20.4% black. It has a hue angle of 188.4 degrees, a saturation of 50.7% and a lightness of 58.6%. #60bccb color hex could be obtained by blending #c0ffff with #007997. Closest websafe color is: #66cccc.

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

● #60bccb color description : Moderate cyan.

The hexadecimal color #60bccb has RGB values of R:96, G:188, B:203 and CMYK values of C:0.53, M:0.07, Y:0, K:0.2. Its decimal value is 6339787.

Hex triplet	60bccb	`#60bccb`
RGB Decimal	96, 188, 203	`rgb(96,188,203)`
RGB Percent	37.6, 73.7, 79.6	`rgb(37.6%,73.7%,79.6%)`
CMYK	53, 7, 0, 20
HSL	188.4°, 50.7, 58.6	`hsl(188.4,50.7%,58.6%)`
HSV (or HSB)	188.4°, 52.7, 79.6
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.394, -23.215, -15.961
XYZ	33.584, 42.763, 62.981
xyY	0.241, 0.307, 42.763
CIE-LCH	71.394, 28.173, 214.51
CIE-LUV	71.394, -39.309, -21.23
Hunter-Lab	65.393, -22.767, -11.328
Binary	01100000, 10111100, 11001011

#60bccb
```
#60bccb rgb(96,188,203)
```
#cb6f60
```
#cb6f60 rgb(203,111,96)
```

Complementary Color

#60cba5
```
#60cba5 rgb(96,203,165)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#6087cb
```
#6087cb rgb(96,135,203)
```

Analogous Color

#cba560
```
#cba560 rgb(203,165,96)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#cb6087
```
#cb6087 rgb(203,96,135)
```

Split Complementary Color

#bccb60
```
#bccb60 rgb(188,203,96)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#cb60bc
```
#cb60bc rgb(203,96,188)
```

Triadic Color

#60cb6f
```
#60cb6f rgb(96,203,111)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#cb60bc
```
#cb60bc rgb(203,96,188)
```
#cb6f60
```
#cb6f60 rgb(203,111,96)
```

Tetradic Color

#3798a8
```
#3798a8 rgb(55,152,168)
```
#3da9bb
```
#3da9bb rgb(61,169,187)
```
#4db4c5
```
#4db4c5 rgb(77,180,197)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#73c4d1
```
#73c4d1 rgb(115,196,209)
```
#86ccd8
```
#86ccd8 rgb(134,204,216)
```
#9ad4de
```
#9ad4de rgb(154,212,222)
```

Monochromatic Color

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

#60cbbf
```
#60cbbf rgb(96,203,191)
```
#60cbc8
```
#60cbc8 rgb(96,203,200)
```
#60c5cb
```
#60c5cb rgb(96,197,203)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#60b3cb
```
#60b3cb rgb(96,179,203)
```
#60aacb
```
#60aacb rgb(96,170,203)
```
#60a1cb
```
#60a1cb rgb(96,161,203)
```

Similar Colors

Text with hexadecimal color #60bccb

This text has a font color of #60bccb.

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

#60bccb background color

This paragraph has a background color of #60bccb.

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

#60bccb border color

This element has a border color of #60bccb.

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

CSS codes

.text {color:#60bccb;}

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

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

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

#010304
```
#010304 rgb(1,3,4)
```
#061112
```
#061112 rgb(6,17,18)
```
#0b1e21
```
#0b1e21 rgb(11,30,33)
```
#102b30
```
#102b30 rgb(16,43,48)
```
#15393f
```
#15393f rgb(21,57,63)
```
#19464e
```
#19464e rgb(25,70,78)
```
#1e545c
```
#1e545c rgb(30,84,92)
```
#23616b
```
#23616b rgb(35,97,107)
```
#286e7a
```
#286e7a rgb(40,110,122)
```
#2d7c89
```
#2d7c89 rgb(45,124,137)
```
#328997
```
#328997 rgb(50,137,151)
```
#3697a6
```
#3697a6 rgb(54,151,166)
```
#3ba4b5
```
#3ba4b5 rgb(59,164,181)
```

Shade Color Variation

#42b0c1
```
#42b0c1 rgb(66,176,193)
```
#51b6c6
```
#51b6c6 rgb(81,182,198)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#6fc2d0
```
#6fc2d0 rgb(111,194,208)
```
#7ec8d5
```
#7ec8d5 rgb(126,200,213)
```
#8ccfda
```
#8ccfda rgb(140,207,218)
```
#9bd5de
```
#9bd5de rgb(155,213,222)
```
#aadbe3
```
#aadbe3 rgb(170,219,227)
```
#b9e1e8
```
#b9e1e8 rgb(185,225,232)
```
#c7e8ed
```
#c7e8ed rgb(199,232,237)
```
#d6eef2
```
#d6eef2 rgb(214,238,242)
```
#e5f4f7
```
#e5f4f7 rgb(229,244,247)
```
#f4fafb
```
#f4fafb rgb(244,250,251)
```

Tint Color Variation

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

#91999a
```
#91999a rgb(145,153,154)
```
#899fa2
```
#899fa2 rgb(137,159,162)
```
#80a5ab
```
#80a5ab rgb(128,165,171)
```
#78aab3
```
#78aab3 rgb(120,170,179)
```
#70b0bb
```
#70b0bb rgb(112,176,187)
```
#68b6c3
```
#68b6c3 rgb(104,182,195)
```
#60bccb
```
#60bccb rgb(96,188,203)
```
#58c2d3
```
#58c2d3 rgb(88,194,211)
```
#50c8db
```
#50c8db rgb(80,200,219)
```
#48cee3
```
#48cee3 rgb(72,206,227)
```
#40d3eb
```
#40d3eb rgb(64,211,235)
```
#37d9f4
```
#37d9f4 rgb(55,217,244)
```
#2fdffc
```
#2fdffc rgb(47,223,252)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#95a7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b1c5 Protanopia 1% of men
#b2afd3 Deuteranopia 1% of men
#68bfcd Tritanopia 0.001% of the population

Trichromacy

#93b5c7 Protanomaly 1% of men, 0.01% of women
#94b3d0 Deuteranomaly 6% of men, 0.4% of women
#65becc Tritanomaly 0.01% of the population

#60bccb hex color

#60bccb Color Information

#60bccb Color Conversion

Color Schemes with #60bccb

Alternatives to #60bccb

#60bccb Preview

Shades and Tints of #60bccb

Tones of #60bccb

Color Blindness Simulator