#60b4eb hex color

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

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

● #60b4eb color description : Soft blue.

The hexadecimal color #60b4eb has RGB values of R:96, G:180, B:235 and CMYK values of C:0.59, M:0.23, Y:0, K:0.08. Its decimal value is 6337771.

Hex triplet	60b4eb	`#60b4eb`
RGB Decimal	96, 180, 235	`rgb(96,180,235)`
RGB Percent	37.6, 70.6, 92.2	`rgb(37.6%,70.6%,92.2%)`
CMYK	59, 23, 0, 8
HSL	203.7°, 77.7, 64.9	`hsl(203.7,77.7%,64.9%)`
HSV (or HSB)	203.7°, 59.1, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	70.263, -9.604, -35.154
XYZ	36.137, 41.125, 84.626
xyY	0.223, 0.254, 41.125
CIE-LCH	70.263, 36.443, 254.72
CIE-LUV	70.263, -35.123, -54.998
Hunter-Lab	64.129, -11.64, -33.351
Binary	01100000, 10110100, 11101011

#60b4eb
```
#60b4eb rgb(96,180,235)
```
#eb9760
```
#eb9760 rgb(235,151,96)
```

Complementary Color

#60ebdd
```
#60ebdd rgb(96,235,221)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#606feb
```
#606feb rgb(96,111,235)
```

Analogous Color

#ebdd60
```
#ebdd60 rgb(235,221,96)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#eb606f
```
#eb606f rgb(235,96,111)
```

Split Complementary Color

#b4eb60
```
#b4eb60 rgb(180,235,96)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#eb60b4
```
#eb60b4 rgb(235,96,180)
```

Triadic Color

#60eb97
```
#60eb97 rgb(96,235,151)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#eb60b4
```
#eb60b4 rgb(235,96,180)
```
#eb9760
```
#eb9760 rgb(235,151,96)
```

Tetradic Color

#1c94e2
```
#1c94e2 rgb(28,148,226)
```
#339fe5
```
#339fe5 rgb(51,159,229)
```
#49a9e8
```
#49a9e8 rgb(73,169,232)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#77bfee
```
#77bfee rgb(119,191,238)
```
#8dc9f1
```
#8dc9f1 rgb(141,201,241)
```
#a4d4f4
```
#a4d4f4 rgb(164,212,244)
```

Monochromatic Color

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

#60d7eb
```
#60d7eb rgb(96,215,235)
```
#60cbeb
```
#60cbeb rgb(96,203,235)
```
#60c0eb
```
#60c0eb rgb(96,192,235)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#60a8eb
```
#60a8eb rgb(96,168,235)
```
#609deb
```
#609deb rgb(96,157,235)
```
#6091eb
```
#6091eb rgb(96,145,235)
```

Similar Colors

Text with hexadecimal color #60b4eb

This text has a font color of #60b4eb.

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

#60b4eb background color

This paragraph has a background color of #60b4eb.

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

#60b4eb border color

This element has a border color of #60b4eb.

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

CSS codes

.text {color:#60b4eb;}

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

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

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

#020a0f
```
#020a0f rgb(2,10,15)
```
#041521
```
#041521 rgb(4,21,33)
```
#062132
```
#062132 rgb(6,33,50)
```
#082c44
```
#082c44 rgb(8,44,68)
```
#0b3855
```
#0b3855 rgb(11,56,85)
```
#0d4366
```
#0d4366 rgb(13,67,102)
```
#0f4e78
```
#0f4e78 rgb(15,78,120)
```
#115a89
```
#115a89 rgb(17,90,137)
```
#13659b
```
#13659b rgb(19,101,155)
```
#1671ac
```
#1671ac rgb(22,113,172)
```
#187cbd
```
#187cbd rgb(24,124,189)
```
#1a87cf
```
#1a87cf rgb(26,135,207)
```
#1c93e0
```
#1c93e0 rgb(28,147,224)
```

Shade Color Variation

#2c9be4
```
#2c9be4 rgb(44,155,228)
```
#3da4e7
```
#3da4e7 rgb(61,164,231)
```
#4face9
```
#4face9 rgb(79,172,233)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#71bced
```
#71bced rgb(113,188,237)
```
#83c4ef
```
#83c4ef rgb(131,196,239)
```
#94cdf2
```
#94cdf2 rgb(148,205,242)
```
#a6d5f4
```
#a6d5f4 rgb(166,213,244)
```
#b7ddf6
```
#b7ddf6 rgb(183,221,246)
```
#c9e5f8
```
#c9e5f8 rgb(201,229,248)
```
#daeefa
```
#daeefa rgb(218,238,250)
```
#ebf6fd
```
#ebf6fd rgb(235,246,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 #52b7f9 is the most saturated one.

#a5a6a6
```
#a5a6a6 rgb(165,166,166)
```
#9ea7ad
```
#9ea7ad rgb(158,167,173)
```
#97a9b4
```
#97a9b4 rgb(151,169,180)
```
#90aabb
```
#90aabb rgb(144,170,187)
```
#89abc2
```
#89abc2 rgb(137,171,194)
```
#82adc9
```
#82adc9 rgb(130,173,201)
```
#7caecf
```
#7caecf rgb(124,174,207)
```
#75b0d6
```
#75b0d6 rgb(117,176,214)
```
#6eb1dd
```
#6eb1dd rgb(110,177,221)
```
#67b3e4
```
#67b3e4 rgb(103,179,228)
```
#60b4eb
```
#60b4eb rgb(96,180,235)
```
#59b5f2
```
#59b5f2 rgb(89,181,242)
```
#52b7f9
```
#52b7f9 rgb(82,183,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#94a5b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9faee5 Protanopia 1% of men
#98aeef Deuteranopia 1% of men
#56becb Tritanopia 0.001% of the population

Trichromacy

#88b0e7 Protanomaly 1% of men, 0.01% of women
#83b0ee Deuteranomaly 6% of men, 0.4% of women
#59bad7 Tritanomaly 0.01% of the population

#60b4eb hex color

#60b4eb Color Information

#60b4eb Color Conversion

Color Schemes with #60b4eb

Alternatives to #60b4eb

#60b4eb Preview

Shades and Tints of #60b4eb

Tones of #60b4eb

Color Blindness Simulator