#60ceeb hex color

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

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

● #60ceeb color description : Soft cyan.

The hexadecimal color #60ceeb has RGB values of R:96, G:206, B:235 and CMYK values of C:0.59, M:0.12, Y:0, K:0.08. Its decimal value is 6344427.

Hex triplet	60ceeb	`#60ceeb`
RGB Decimal	96, 206, 235	`rgb(96,206,235)`
RGB Percent	37.6, 80.8, 92.2	`rgb(37.6%,80.8%,92.2%)`
CMYK	59, 12, 0, 8
HSL	192.5°, 77.7, 64.9	`hsl(192.5,77.7%,64.9%)`
HSV (or HSB)	192.5°, 59.1, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	77.653, -23.181, -23.792
XYZ	41.887, 52.624, 86.543
xyY	0.231, 0.291, 52.624
CIE-LCH	77.653, 33.218, 225.746
CIE-LUV	77.653, -44.672, -34.498
Hunter-Lab	72.543, -23.883, -19.953
Binary	01100000, 11001110, 11101011

#60ceeb
```
#60ceeb rgb(96,206,235)
```
#eb7d60
```
#eb7d60 rgb(235,125,96)
```

Complementary Color

#60ebc3
```
#60ebc3 rgb(96,235,195)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#6089eb
```
#6089eb rgb(96,137,235)
```

Analogous Color

#ebc360
```
#ebc360 rgb(235,195,96)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#eb6089
```
#eb6089 rgb(235,96,137)
```

Split Complementary Color

#ceeb60
```
#ceeb60 rgb(206,235,96)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#eb60ce
```
#eb60ce rgb(235,96,206)
```

Triadic Color

#60eb7d
```
#60eb7d rgb(96,235,125)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#eb60ce
```
#eb60ce rgb(235,96,206)
```
#eb7d60
```
#eb7d60 rgb(235,125,96)
```

Tetradic Color

#1cb9e2
```
#1cb9e2 rgb(28,185,226)
```
#33c0e5
```
#33c0e5 rgb(51,192,229)
```
#49c7e8
```
#49c7e8 rgb(73,199,232)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#77d5ee
```
#77d5ee rgb(119,213,238)
```
#8ddcf1
```
#8ddcf1 rgb(141,220,241)
```
#a4e3f4
```
#a4e3f4 rgb(164,227,244)
```

Monochromatic Color

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

#60ebe5
```
#60ebe5 rgb(96,235,229)
```
#60e5eb
```
#60e5eb rgb(96,229,235)
```
#60daeb
```
#60daeb rgb(96,218,235)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#60c2eb
```
#60c2eb rgb(96,194,235)
```
#60b7eb
```
#60b7eb rgb(96,183,235)
```
#60abeb
```
#60abeb rgb(96,171,235)
```

Similar Colors

Text with hexadecimal color #60ceeb

This text has a font color of #60ceeb.

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

#60ceeb background color

This paragraph has a background color of #60ceeb.

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

#60ceeb border color

This element has a border color of #60ceeb.

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

CSS codes

.text {color:#60ceeb;}

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

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

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)
```
#041b21
```
#041b21 rgb(4,27,33)
```
#062932
```
#062932 rgb(6,41,50)
```
#083744
```
#083744 rgb(8,55,68)
```
#0b4555
```
#0b4555 rgb(11,69,85)
```
#0d5466
```
#0d5466 rgb(13,84,102)
```
#0f6278
```
#0f6278 rgb(15,98,120)
```
#117089
```
#117089 rgb(17,112,137)
```
#137e9b
```
#137e9b rgb(19,126,155)
```
#168dac
```
#168dac rgb(22,141,172)
```
#189bbd
```
#189bbd rgb(24,155,189)
```
#1aa9cf
```
#1aa9cf rgb(26,169,207)
```
#1cb7e0
```
#1cb7e0 rgb(28,183,224)
```

Shade Color Variation

#2cbee4
```
#2cbee4 rgb(44,190,228)
```
#3dc3e7
```
#3dc3e7 rgb(61,195,231)
```
#4fc9e9
```
#4fc9e9 rgb(79,201,233)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#71d3ed
```
#71d3ed rgb(113,211,237)
```
#83d9ef
```
#83d9ef rgb(131,217,239)
```
#94def2
```
#94def2 rgb(148,222,242)
```
#a6e3f4
```
#a6e3f4 rgb(166,227,244)
```
#b7e9f6
```
#b7e9f6 rgb(183,233,246)
```
#c9eef8
```
#c9eef8 rgb(201,238,248)
```
#daf4fa
```
#daf4fa rgb(218,244,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 #52d6f9 is the most saturated one.

#a5a6a6
```
#a5a6a6 rgb(165,166,166)
```
#9eaaad
```
#9eaaad rgb(158,170,173)
```
#97aeb4
```
#97aeb4 rgb(151,174,180)
```
#90b2bb
```
#90b2bb rgb(144,178,187)
```
#89b6c2
```
#89b6c2 rgb(137,182,194)
```
#82bac9
```
#82bac9 rgb(130,186,201)
```
#7cbecf
```
#7cbecf rgb(124,190,207)
```
#75c2d6
```
#75c2d6 rgb(117,194,214)
```
#6ec6dd
```
#6ec6dd rgb(110,198,221)
```
#67cae4
```
#67cae4 rgb(103,202,228)
```
#60ceeb
```
#60ceeb rgb(96,206,235)
```
#59d2f2
```
#59d2f2 rgb(89,210,242)
```
#52d6f9
```
#52d6f9 rgb(82,214,249)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#a0b6bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc1e2 Protanopia 1% of men
#bbbff2 Deuteranopia 1% of men
#62d2e1 Tritanopia 0.001% of the population

Trichromacy

#9ac6e5 Protanomaly 1% of men, 0.01% of women
#9ac4ef Deuteranomaly 6% of men, 0.4% of women
#61d0e5 Tritanomaly 0.01% of the population

#60ceeb hex color

#60ceeb Color Information

#60ceeb Color Conversion

Color Schemes with #60ceeb

Alternatives to #60ceeb

#60ceeb Preview

Shades and Tints of #60ceeb

Tones of #60ceeb

Color Blindness Simulator