#60b4c0 hex color

In a RGB color space, hex #60b4c0 is composed of 37.6% red, 70.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 6.2% magenta, 0% yellow and 24.7% black. It has a hue angle of 187.5 degrees, a saturation of 43.2% and a lightness of 56.5%. #60b4c0 color hex could be obtained by blending #c0ffff with #006981. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 71
- B 75
RGB color chart
- C 50
- M 6
- Y 0
- K 25
CMYK color chart

● #60b4c0 color description : Moderate cyan.

The hexadecimal color #60b4c0 has RGB values of R:96, G:180, B:192 and CMYK values of C:0.5, M:0.06, Y:0, K:0.25. Its decimal value is 6337728.

Hex triplet	60b4c0	`#60b4c0`
RGB Decimal	96, 180, 192	`rgb(96,180,192)`
RGB Percent	37.6, 70.6, 75.3	`rgb(37.6%,70.6%,75.3%)`
CMYK	50, 6, 0, 25
HSL	187.5°, 43.2, 56.5	`hsl(187.5,43.2%,56.5%)`
HSV (or HSB)	187.5°, 50, 75.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	68.703, -22.198, -13.977
XYZ	30.657, 38.933, 55.766
xyY	0.245, 0.311, 38.933
CIE-LCH	68.703, 26.232, 212.197
CIE-LUV	68.703, -36.633, -18.067
Hunter-Lab	62.396, -21.492, -9.312
Binary	01100000, 10110100, 11000000

#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#c06c60
```
#c06c60 rgb(192,108,96)
```

Complementary Color

#60c09c
```
#60c09c rgb(96,192,156)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#6084c0
```
#6084c0 rgb(96,132,192)
```

Analogous Color

#c09c60
```
#c09c60 rgb(192,156,96)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#c06084
```
#c06084 rgb(192,96,132)
```

Split Complementary Color

#b4c060
```
#b4c060 rgb(180,192,96)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#c060b4
```
#c060b4 rgb(192,96,180)
```

Triadic Color

#60c06c
```
#60c06c rgb(96,192,108)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#c060b4
```
#c060b4 rgb(192,96,180)
```
#c06c60
```
#c06c60 rgb(192,108,96)
```

Tetradic Color

#3c8c97
```
#3c8c97 rgb(60,140,151)
```
#439daa
```
#439daa rgb(67,157,170)
```
#4eabb9
```
#4eabb9 rgb(78,171,185)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#72bdc7
```
#72bdc7 rgb(114,189,199)
```
#85c5ce
```
#85c5ce rgb(133,197,206)
```
#97ced6
```
#97ced6 rgb(151,206,214)
```

Monochromatic Color

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

#60c0b4
```
#60c0b4 rgb(96,192,180)
```
#60c0bc
```
#60c0bc rgb(96,192,188)
```
#60bcc0
```
#60bcc0 rgb(96,188,192)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#60acc0
```
#60acc0 rgb(96,172,192)
```
#60a4c0
```
#60a4c0 rgb(96,164,192)
```
#609cc0
```
#609cc0 rgb(96,156,192)
```

Similar Colors

Text with hexadecimal color #60b4c0

This text has a font color of #60b4c0.

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

#60b4c0 background color

This paragraph has a background color of #60b4c0.

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

#60b4c0 border color

This element has a border color of #60b4c0.

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

CSS codes

.text {color:#60b4c0;}

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

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

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, #04090a is the darkest color, while #fbfdfd is the lightest one.

#04090a
```
#04090a rgb(4,9,10)
```
#091618
```
#091618 rgb(9,22,24)
```
#0f2326
```
#0f2326 rgb(15,35,38)
```
#143034
```
#143034 rgb(20,48,52)
```
#1a3d42
```
#1a3d42 rgb(26,61,66)
```
#204a50
```
#204a50 rgb(32,74,80)
```
#25575e
```
#25575e rgb(37,87,94)
```
#2b646c
```
#2b646c rgb(43,100,108)
```
#30717a
```
#30717a rgb(48,113,122)
```
#367e88
```
#367e88 rgb(54,126,136)
```
#3b8b96
```
#3b8b96 rgb(59,139,150)
```
#4198a4
```
#4198a4 rgb(65,152,164)
```
#47a5b2
```
#47a5b2 rgb(71,165,178)
```

Shade Color Variation

#52adba
```
#52adba rgb(82,173,186)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#6ebbc6
```
#6ebbc6 rgb(110,187,198)
```
#7cc1cb
```
#7cc1cb rgb(124,193,203)
```
#8ac8d1
```
#8ac8d1 rgb(138,200,209)
```
#98cfd6
```
#98cfd6 rgb(152,207,214)
```
#a6d5dc
```
#a6d5dc rgb(166,213,220)
```
#b4dce1
```
#b4dce1 rgb(180,220,225)
```
#c2e2e7
```
#c2e2e7 rgb(194,226,231)
```
#d0e9ed
```
#d0e9ed rgb(208,233,237)
```
#def0f2
```
#def0f2 rgb(222,240,242)
```
#ecf6f8
```
#ecf6f8 rgb(236,246,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#8b9495
```
#8b9495 rgb(139,148,149)
```
#829a9e
```
#829a9e rgb(130,154,158)
```
#7aa1a6
```
#7aa1a6 rgb(122,161,166)
```
#71a7af
```
#71a7af rgb(113,167,175)
```
#69aeb7
```
#69aeb7 rgb(105,174,183)
```
#60b4c0
```
#60b4c0 rgb(96,180,192)
```
#57bac9
```
#57bac9 rgb(87,186,201)
```
#4fc1d1
```
#4fc1d1 rgb(79,193,209)
```
#46c7da
```
#46c7da rgb(70,199,218)
```
#3ecee2
```
#3ecee2 rgb(62,206,226)
```
#35d4eb
```
#35d4eb rgb(53,212,235)
```
#2ddaf3
```
#2ddaf3 rgb(45,218,243)
```
#24e1fc
```
#24e1fc rgb(36,225,252)
```

Tone Color Variation

Below, you can see how #60b4c0 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
#90a1a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaabbb Protanopia 1% of men
#ada8c8 Deuteranopia 1% of men
#69b7c5 Tritanopia 0.001% of the population

Trichromacy

#8faebd Protanomaly 1% of men, 0.01% of women
#91acc5 Deuteranomaly 6% of men, 0.4% of women
#65b6c3 Tritanomaly 0.01% of the population

#60b4c0 hex color

#60b4c0 Color Information

#60b4c0 Color Conversion

Color Schemes with #60b4c0

Alternatives to #60b4c0

#60b4c0 Preview

Shades and Tints of #60b4c0

Tones of #60b4c0

Color Blindness Simulator