#60b4ca hex color

In a RGB color space, hex #60b4ca is composed of 37.6% red, 70.6% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 10.9% magenta, 0% yellow and 20.8% black. It has a hue angle of 192.5 degrees, a saturation of 50% and a lightness of 58.4%. #60b4ca color hex could be obtained by blending #c0ffff with #006995. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 38
- G 71
- B 79
RGB color chart
- C 52
- M 11
- Y 0
- K 21
CMYK color chart

● #60b4ca color description : Moderate cyan.

The hexadecimal color #60b4ca has RGB values of R:96, G:180, B:202 and CMYK values of C:0.52, M:0.11, Y:0, K:0.21. Its decimal value is 6337738.

Hex triplet	60b4ca	`#60b4ca`
RGB Decimal	96, 180, 202	`rgb(96,180,202)`
RGB Percent	37.6, 70.6, 79.2	`rgb(37.6%,70.6%,79.2%)`
CMYK	52, 11, 0, 21
HSL	192.5°, 50, 58.4	`hsl(192.5,50%,58.4%)`
HSV (or HSB)	192.5°, 52.5, 79.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.034, -19.405, -18.983
XYZ	31.803, 39.391, 61.801
xyY	0.239, 0.296, 39.391
CIE-LCH	69.034, 27.146, 224.37
CIE-LUV	69.034, -36.27, -26.576
Hunter-Lab	62.763, -19.385, -14.448
Binary	01100000, 10110100, 11001010

#60b4ca
```
#60b4ca rgb(96,180,202)
```
#ca7660
```
#ca7660 rgb(202,118,96)
```

Complementary Color

#60caab
```
#60caab rgb(96,202,171)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#607fca
```
#607fca rgb(96,127,202)
```

Analogous Color

#caab60
```
#caab60 rgb(202,171,96)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#ca607f
```
#ca607f rgb(202,96,127)
```

Split Complementary Color

#b4ca60
```
#b4ca60 rgb(180,202,96)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#ca60b4
```
#ca60b4 rgb(202,96,180)
```

Triadic Color

#60ca76
```
#60ca76 rgb(96,202,118)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#ca60b4
```
#ca60b4 rgb(202,96,180)
```
#ca7660
```
#ca7660 rgb(202,118,96)
```

Tetradic Color

#378fa6
```
#378fa6 rgb(55,143,166)
```
#3ea0b9
```
#3ea0b9 rgb(62,160,185)
```
#4dabc4
```
#4dabc4 rgb(77,171,196)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#73bdd0
```
#73bdd0 rgb(115,189,208)
```
#86c6d7
```
#86c6d7 rgb(134,198,215)
```
#99cfdd
```
#99cfdd rgb(153,207,221)
```

Monochromatic Color

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

#60cac6
```
#60cac6 rgb(96,202,198)
```
#60c6ca
```
#60c6ca rgb(96,198,202)
```
#60bdca
```
#60bdca rgb(96,189,202)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#60abca
```
#60abca rgb(96,171,202)
```
#60a2ca
```
#60a2ca rgb(96,162,202)
```
#609aca
```
#609aca rgb(96,154,202)
```

Similar Colors

Text with hexadecimal color #60b4ca

This text has a font color of #60b4ca.

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

#60b4ca background color

This paragraph has a background color of #60b4ca.

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

#60b4ca border color

This element has a border color of #60b4ca.

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

CSS codes

.text {color:#60b4ca;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060f12
```
#060f12 rgb(6,15,18)
```
#0b1c20
```
#0b1c20 rgb(11,28,32)
```
#10282f
```
#10282f rgb(16,40,47)
```
#15353e
```
#15353e rgb(21,53,62)
```
#19424c
```
#19424c rgb(25,66,76)
```
#1e4e5b
```
#1e4e5b rgb(30,78,91)
```
#235b6a
```
#235b6a rgb(35,91,106)
```
#286879
```
#286879 rgb(40,104,121)
```
#2d7587
```
#2d7587 rgb(45,117,135)
```
#328196
```
#328196 rgb(50,129,150)
```
#378ea5
```
#378ea5 rgb(55,142,165)
```
#3c9bb3
```
#3c9bb3 rgb(60,155,179)
```

Shade Color Variation

#43a6c0
```
#43a6c0 rgb(67,166,192)
```
#51adc5
```
#51adc5 rgb(81,173,197)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#6fbbcf
```
#6fbbcf rgb(111,187,207)
```
#7dc2d4
```
#7dc2d4 rgb(125,194,212)
```
#8cc9d9
```
#8cc9d9 rgb(140,201,217)
```
#9bd0de
```
#9bd0de rgb(155,208,222)
```
#aad7e3
```
#aad7e3 rgb(170,215,227)
```
#b8dee7
```
#b8dee7 rgb(184,222,231)
```
#c7e5ec
```
#c7e5ec rgb(199,229,236)
```
#d6ecf1
```
#d6ecf1 rgb(214,236,241)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

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

#919799
```
#919799 rgb(145,151,153)
```
#899ca1
```
#899ca1 rgb(137,156,161)
```
#81a1a9
```
#81a1a9 rgb(129,161,169)
```
#78a6b2
```
#78a6b2 rgb(120,166,178)
```
#70aaba
```
#70aaba rgb(112,170,186)
```
#68afc2
```
#68afc2 rgb(104,175,194)
```
#60b4ca
```
#60b4ca rgb(96,180,202)
```
#58b9d2
```
#58b9d2 rgb(88,185,210)
```
#50beda
```
#50beda rgb(80,190,218)
```
#48c2e2
```
#48c2e2 rgb(72,194,226)
```
#3fc7eb
```
#3fc7eb rgb(63,199,235)
```
#37ccf3
```
#37ccf3 rgb(55,204,243)
```
#2fd1fb
```
#2fd1fb rgb(47,209,251)
```

Tone Color Variation

Below, you can see how #60b4ca 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
#91a2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8abc5 Protanopia 1% of men
#a9a9d2 Deuteranopia 1% of men
#65b8c6 Tritanopia 0.001% of the population

Trichromacy

#8daec7 Protanomaly 1% of men, 0.01% of women
#8eadcf Deuteranomaly 6% of men, 0.4% of women
#63b7c7 Tritanomaly 0.01% of the population

#60b4ca hex color

#60b4ca Color Information

#60b4ca Color Conversion

Color Schemes with #60b4ca

Alternatives to #60b4ca

#60b4ca Preview

Shades and Tints of #60b4ca

Tones of #60b4ca

Color Blindness Simulator