#60c5eb hex color

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

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

● #60c5eb color description : Soft blue.

The hexadecimal color #60c5eb has RGB values of R:96, G:197, B:235 and CMYK values of C:0.59, M:0.16, Y:0, K:0.08. Its decimal value is 6342123.

Hex triplet	60c5eb	`#60c5eb`
RGB Decimal	96, 197, 235	`rgb(96,197,235)`
RGB Percent	37.6, 77.3, 92.2	`rgb(37.6%,77.3%,92.2%)`
CMYK	59, 16, 0, 8
HSL	196.4°, 77.7, 64.9	`hsl(196.4,77.7%,64.9%)`
HSV (or HSB)	196.4°, 59.1, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	75.086, -18.599, -27.716
XYZ	39.782, 48.415, 85.841
xyY	0.229, 0.278, 48.415
CIE-LCH	75.086, 33.378, 236.136
CIE-LUV	75.086, -41.358, -41.602
Hunter-Lab	69.581, -19.711, -24.439
Binary	01100000, 11000101, 11101011

#60c5eb
```
#60c5eb rgb(96,197,235)
```
#eb8660
```
#eb8660 rgb(235,134,96)
```

Complementary Color

#60ebcc
```
#60ebcc rgb(96,235,204)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#6080eb
```
#6080eb rgb(96,128,235)
```

Analogous Color

#ebcc60
```
#ebcc60 rgb(235,204,96)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#eb6080
```
#eb6080 rgb(235,96,128)
```

Split Complementary Color

#c5eb60
```
#c5eb60 rgb(197,235,96)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#eb60c5
```
#eb60c5 rgb(235,96,197)
```

Triadic Color

#60eb86
```
#60eb86 rgb(96,235,134)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#eb60c5
```
#eb60c5 rgb(235,96,197)
```
#eb8660
```
#eb8660 rgb(235,134,96)
```

Tetradic Color

#1cace2
```
#1cace2 rgb(28,172,226)
```
#33b4e5
```
#33b4e5 rgb(51,180,229)
```
#49bde8
```
#49bde8 rgb(73,189,232)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#77cdee
```
#77cdee rgb(119,205,238)
```
#8dd6f1
```
#8dd6f1 rgb(141,214,241)
```
#a4def4
```
#a4def4 rgb(164,222,244)
```

Monochromatic Color

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

#60e8eb
```
#60e8eb rgb(96,232,235)
```
#60dceb
```
#60dceb rgb(96,220,235)
```
#60d1eb
```
#60d1eb rgb(96,209,235)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#60b9eb
```
#60b9eb rgb(96,185,235)
```
#60aeeb
```
#60aeeb rgb(96,174,235)
```
#60a2eb
```
#60a2eb rgb(96,162,235)
```

Similar Colors

Text with hexadecimal color #60c5eb

This text has a font color of #60c5eb.

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

#60c5eb background color

This paragraph has a background color of #60c5eb.

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

#60c5eb border color

This element has a border color of #60c5eb.

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

CSS codes

.text {color:#60c5eb;}

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

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

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)
```
#041921
```
#041921 rgb(4,25,33)
```
#062632
```
#062632 rgb(6,38,50)
```
#083344
```
#083344 rgb(8,51,68)
```
#0b4155
```
#0b4155 rgb(11,65,85)
```
#0d4e66
```
#0d4e66 rgb(13,78,102)
```
#0f5b78
```
#0f5b78 rgb(15,91,120)
```
#116889
```
#116889 rgb(17,104,137)
```
#13769b
```
#13769b rgb(19,118,155)
```
#1683ac
```
#1683ac rgb(22,131,172)
```
#1890bd
```
#1890bd rgb(24,144,189)
```
#1a9dcf
```
#1a9dcf rgb(26,157,207)
```
#1cabe0
```
#1cabe0 rgb(28,171,224)
```

Shade Color Variation

#2cb2e4
```
#2cb2e4 rgb(44,178,228)
```
#3db8e7
```
#3db8e7 rgb(61,184,231)
```
#4fbfe9
```
#4fbfe9 rgb(79,191,233)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#71cbed
```
#71cbed rgb(113,203,237)
```
#83d2ef
```
#83d2ef rgb(131,210,239)
```
#94d8f2
```
#94d8f2 rgb(148,216,242)
```
#a6def4
```
#a6def4 rgb(166,222,244)
```
#b7e5f6
```
#b7e5f6 rgb(183,229,246)
```
#c9ebf8
```
#c9ebf8 rgb(201,235,248)
```
#daf1fa
```
#daf1fa rgb(218,241,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 #52cbf9 is the most saturated one.

#a5a6a6
```
#a5a6a6 rgb(165,166,166)
```
#9ea9ad
```
#9ea9ad rgb(158,169,173)
```
#97acb4
```
#97acb4 rgb(151,172,180)
```
#90afbb
```
#90afbb rgb(144,175,187)
```
#89b2c2
```
#89b2c2 rgb(137,178,194)
```
#82b5c9
```
#82b5c9 rgb(130,181,201)
```
#7cb9cf
```
#7cb9cf rgb(124,185,207)
```
#75bcd6
```
#75bcd6 rgb(117,188,214)
```
#6ebfdd
```
#6ebfdd rgb(110,191,221)
```
#67c2e4
```
#67c2e4 rgb(103,194,228)
```
#60c5eb
```
#60c5eb rgb(96,197,235)
```
#59c8f2
```
#59c8f2 rgb(89,200,242)
```
#52cbf9
```
#52cbf9 rgb(82,203,249)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#9cb0b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bae3 Protanopia 1% of men
#afb9f1 Deuteranopia 1% of men
#5ecbda Tritanopia 0.001% of the population

Trichromacy

#94bee6 Protanomaly 1% of men, 0.01% of women
#92bdef Deuteranomaly 6% of men, 0.4% of women
#5ec8e0 Tritanomaly 0.01% of the population

#60c5eb hex color

#60c5eb Color Information

#60c5eb Color Conversion

Color Schemes with #60c5eb

Alternatives to #60c5eb

#60c5eb Preview

Shades and Tints of #60c5eb

Tones of #60c5eb

Color Blindness Simulator