#60caeb hex color

In a RGB color space, hex #60caeb is composed of 37.6% red, 79.2% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 14% magenta, 0% yellow and 7.8% black. It has a hue angle of 194.2 degrees, a saturation of 77.7% and a lightness of 64.9%. #60caeb color hex could be obtained by blending #c0ffff with #0095d7. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 38
- G 79
- B 92
RGB color chart
- C 59
- M 14
- Y 0
- K 8
CMYK color chart

● #60caeb color description : Soft cyan.

The hexadecimal color #60caeb has RGB values of R:96, G:202, B:235 and CMYK values of C:0.59, M:0.14, Y:0, K:0.08. Its decimal value is 6343403.

Hex triplet	60caeb	`#60caeb`
RGB Decimal	96, 202, 235	`rgb(96,202,235)`
RGB Percent	37.6, 79.2, 92.2	`rgb(37.6%,79.2%,92.2%)`
CMYK	59, 14, 0, 8
HSL	194.2°, 77.7, 64.9	`hsl(194.2,77.7%,64.9%)`
HSV (or HSB)	194.2°, 59.1, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.511, -21.16, -25.534
XYZ	40.936, 50.723, 86.226
xyY	0.23, 0.285, 50.723
CIE-LCH	76.511, 33.162, 230.352
CIE-LUV	76.511, -43.199, -37.653
Hunter-Lab	71.22, -22.037, -21.928
Binary	01100000, 11001010, 11101011

#60caeb
```
#60caeb rgb(96,202,235)
```
#eb8160
```
#eb8160 rgb(235,129,96)
```

Complementary Color

#60ebc7
```
#60ebc7 rgb(96,235,199)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#6085eb
```
#6085eb rgb(96,133,235)
```

Analogous Color

#ebc760
```
#ebc760 rgb(235,199,96)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#eb6085
```
#eb6085 rgb(235,96,133)
```

Split Complementary Color

#caeb60
```
#caeb60 rgb(202,235,96)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#eb60ca
```
#eb60ca rgb(235,96,202)
```

Triadic Color

#60eb81
```
#60eb81 rgb(96,235,129)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#eb60ca
```
#eb60ca rgb(235,96,202)
```
#eb8160
```
#eb8160 rgb(235,129,96)
```

Tetradic Color

#1cb3e2
```
#1cb3e2 rgb(28,179,226)
```
#33bbe5
```
#33bbe5 rgb(51,187,229)
```
#49c2e8
```
#49c2e8 rgb(73,194,232)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#77d2ee
```
#77d2ee rgb(119,210,238)
```
#8dd9f1
```
#8dd9f1 rgb(141,217,241)
```
#a4e1f4
```
#a4e1f4 rgb(164,225,244)
```

Monochromatic Color

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

#60ebe9
```
#60ebe9 rgb(96,235,233)
```
#60e1eb
```
#60e1eb rgb(96,225,235)
```
#60d6eb
```
#60d6eb rgb(96,214,235)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#60beeb
```
#60beeb rgb(96,190,235)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#60a7eb
```
#60a7eb rgb(96,167,235)
```

Similar Colors

Text with hexadecimal color #60caeb

This text has a font color of #60caeb.

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

#60caeb background color

This paragraph has a background color of #60caeb.

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

#60caeb border color

This element has a border color of #60caeb.

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

CSS codes

.text {color:#60caeb;}

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

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

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, #020c0f is the darkest color, while #fdfeff is the lightest one.

#020c0f
```
#020c0f rgb(2,12,15)
```
#041a21
```
#041a21 rgb(4,26,33)
```
#062832
```
#062832 rgb(6,40,50)
```
#083544
```
#083544 rgb(8,53,68)
```
#0b4355
```
#0b4355 rgb(11,67,85)
```
#0d5166
```
#0d5166 rgb(13,81,102)
```
#0f5f78
```
#0f5f78 rgb(15,95,120)
```
#116d89
```
#116d89 rgb(17,109,137)
```
#137b9b
```
#137b9b rgb(19,123,155)
```
#1688ac
```
#1688ac rgb(22,136,172)
```
#1896bd
```
#1896bd rgb(24,150,189)
```
#1aa4cf
```
#1aa4cf rgb(26,164,207)
```
#1cb2e0
```
#1cb2e0 rgb(28,178,224)
```

Shade Color Variation

#2cb9e4
```
#2cb9e4 rgb(44,185,228)
```
#3dbee7
```
#3dbee7 rgb(61,190,231)
```
#4fc4e9
```
#4fc4e9 rgb(79,196,233)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#71d0ed
```
#71d0ed rgb(113,208,237)
```
#83d6ef
```
#83d6ef rgb(131,214,239)
```
#94dbf2
```
#94dbf2 rgb(148,219,242)
```
#a6e1f4
```
#a6e1f4 rgb(166,225,244)
```
#b7e7f6
```
#b7e7f6 rgb(183,231,246)
```
#c9edf8
```
#c9edf8 rgb(201,237,248)
```
#daf3fa
```
#daf3fa rgb(218,243,250)
```
#ebf8fd
```
#ebf8fd rgb(235,248,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#a5a6a6
```
#a5a6a6 rgb(165,166,166)
```
#9ea9ad
```
#9ea9ad rgb(158,169,173)
```
#97adb4
```
#97adb4 rgb(151,173,180)
```
#90b1bb
```
#90b1bb rgb(144,177,187)
```
#89b4c2
```
#89b4c2 rgb(137,180,194)
```
#82b8c9
```
#82b8c9 rgb(130,184,201)
```
#7cbccf
```
#7cbccf rgb(124,188,207)
```
#75bfd6
```
#75bfd6 rgb(117,191,214)
```
#6ec3dd
```
#6ec3dd rgb(110,195,221)
```
#67c6e4
```
#67c6e4 rgb(103,198,228)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#59cef2
```
#59cef2 rgb(89,206,242)
```
#52d1f9
```
#52d1f9 rgb(82,209,249)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#9eb4ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bee3 Protanopia 1% of men
#b5bdf1 Deuteranopia 1% of men
#60cfde Tritanopia 0.001% of the population

Trichromacy

#97c2e5 Protanomaly 1% of men, 0.01% of women
#96c1ef Deuteranomaly 6% of men, 0.4% of women
#60cde2 Tritanomaly 0.01% of the population

#60caeb hex color

#60caeb Color Information

#60caeb Color Conversion

Color Schemes with #60caeb

Alternatives to #60caeb

#60caeb Preview

Shades and Tints of #60caeb

Tones of #60caeb

Color Blindness Simulator