#60cceb hex color

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

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

● #60cceb color description : Soft cyan.

The hexadecimal color #60cceb has RGB values of R:96, G:204, B:235 and CMYK values of C:0.59, M:0.13, Y:0, K:0.08. Its decimal value is 6343915.

Hex triplet	60cceb	`#60cceb`
RGB Decimal	96, 204, 235	`rgb(96,204,235)`
RGB Percent	37.6, 80, 92.2	`rgb(37.6%,80%,92.2%)`
CMYK	59, 13, 0, 8
HSL	193.4°, 77.7, 64.9	`hsl(193.4,77.7%,64.9%)`
HSV (or HSB)	193.4°, 59.1, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.082, -22.173, -24.663
XYZ	41.408, 51.668, 86.383
xyY	0.231, 0.288, 51.668
CIE-LCH	77.082, 33.165, 228.043
CIE-LUV	77.082, -43.935, -36.075
Hunter-Lab	71.88, -22.961, -20.937
Binary	01100000, 11001100, 11101011

#60cceb
```
#60cceb rgb(96,204,235)
```
#eb7f60
```
#eb7f60 rgb(235,127,96)
```

Complementary Color

#60ebc5
```
#60ebc5 rgb(96,235,197)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#6087eb
```
#6087eb rgb(96,135,235)
```

Analogous Color

#ebc560
```
#ebc560 rgb(235,197,96)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#eb6087
```
#eb6087 rgb(235,96,135)
```

Split Complementary Color

#cceb60
```
#cceb60 rgb(204,235,96)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#eb60cc
```
#eb60cc rgb(235,96,204)
```

Triadic Color

#60eb7f
```
#60eb7f rgb(96,235,127)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#eb60cc
```
#eb60cc rgb(235,96,204)
```
#eb7f60
```
#eb7f60 rgb(235,127,96)
```

Tetradic Color

#1cb6e2
```
#1cb6e2 rgb(28,182,226)
```
#33bde5
```
#33bde5 rgb(51,189,229)
```
#49c5e8
```
#49c5e8 rgb(73,197,232)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#77d3ee
```
#77d3ee rgb(119,211,238)
```
#8ddbf1
```
#8ddbf1 rgb(141,219,241)
```
#a4e2f4
```
#a4e2f4 rgb(164,226,244)
```

Monochromatic Color

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

#60ebe7
```
#60ebe7 rgb(96,235,231)
```
#60e3eb
```
#60e3eb rgb(96,227,235)
```
#60d8eb
```
#60d8eb rgb(96,216,235)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#60c0eb
```
#60c0eb rgb(96,192,235)
```
#60b5eb
```
#60b5eb rgb(96,181,235)
```
#60a9eb
```
#60a9eb rgb(96,169,235)
```

Similar Colors

Text with hexadecimal color #60cceb

This text has a font color of #60cceb.

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

#60cceb background color

This paragraph has a background color of #60cceb.

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

#60cceb border color

This element has a border color of #60cceb.

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

CSS codes

.text {color:#60cceb;}

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

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

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)
```
#083644
```
#083644 rgb(8,54,68)
```
#0b4455
```
#0b4455 rgb(11,68,85)
```
#0d5266
```
#0d5266 rgb(13,82,102)
```
#0f6078
```
#0f6078 rgb(15,96,120)
```
#116e89
```
#116e89 rgb(17,110,137)
```
#137c9b
```
#137c9b rgb(19,124,155)
```
#168bac
```
#168bac rgb(22,139,172)
```
#1899bd
```
#1899bd rgb(24,153,189)
```
#1aa7cf
```
#1aa7cf rgb(26,167,207)
```
#1cb5e0
```
#1cb5e0 rgb(28,181,224)
```

Shade Color Variation

#2cbbe4
```
#2cbbe4 rgb(44,187,228)
```
#3dc1e7
```
#3dc1e7 rgb(61,193,231)
```
#4fc6e9
```
#4fc6e9 rgb(79,198,233)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#71d2ed
```
#71d2ed rgb(113,210,237)
```
#83d7ef
```
#83d7ef rgb(131,215,239)
```
#94ddf2
```
#94ddf2 rgb(148,221,242)
```
#a6e2f4
```
#a6e2f4 rgb(166,226,244)
```
#b7e8f6
```
#b7e8f6 rgb(183,232,246)
```
#c9eef8
```
#c9eef8 rgb(201,238,248)
```
#daf3fa
```
#daf3fa rgb(218,243,250)
```
#ebf9fd
```
#ebf9fd rgb(235,249,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 #52d4f9 is the most saturated one.

#a5a6a6
```
#a5a6a6 rgb(165,166,166)
```
#9eaaad
```
#9eaaad rgb(158,170,173)
```
#97adb4
```
#97adb4 rgb(151,173,180)
```
#90b1bb
```
#90b1bb rgb(144,177,187)
```
#89b5c2
```
#89b5c2 rgb(137,181,194)
```
#82b9c9
```
#82b9c9 rgb(130,185,201)
```
#7cbdcf
```
#7cbdcf rgb(124,189,207)
```
#75c1d6
```
#75c1d6 rgb(117,193,214)
```
#6ec4dd
```
#6ec4dd rgb(110,196,221)
```
#67c8e4
```
#67c8e4 rgb(103,200,228)
```
#60cceb
```
#60cceb rgb(96,204,235)
```
#59d0f2
```
#59d0f2 rgb(89,208,242)
```
#52d4f9
```
#52d4f9 rgb(82,212,249)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9fb5bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac0e2 Protanopia 1% of men
#b8bef2 Deuteranopia 1% of men
#61d0e0 Tritanopia 0.001% of the population

Trichromacy

#99c4e5 Protanomaly 1% of men, 0.01% of women
#98c3ef Deuteranomaly 6% of men, 0.4% of women
#61cfe4 Tritanomaly 0.01% of the population

#60cceb hex color

#60cceb Color Information

#60cceb Color Conversion

Color Schemes with #60cceb

Alternatives to #60cceb

#60cceb Preview

Shades and Tints of #60cceb

Tones of #60cceb

Color Blindness Simulator