#60b3eb hex color

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

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

● #60b3eb color description : Soft blue.

The hexadecimal color #60b3eb has RGB values of R:96, G:179, B:235 and CMYK values of C:0.59, M:0.24, Y:0, K:0.08. Its decimal value is 6337515.

Hex triplet	60b3eb	`#60b3eb`
RGB Decimal	96, 179, 235	`rgb(96,179,235)`
RGB Percent	37.6, 70.2, 92.2	`rgb(37.6%,70.2%,92.2%)`
CMYK	59, 24, 0, 8
HSL	204.2°, 77.7, 64.9	`hsl(204.2,77.7%,64.9%)`
HSV (or HSB)	204.2°, 59.1, 92.2
Web Safe	66ccff	`#66ccff`

CIE-LAB	69.981, -9.061, -35.592
XYZ	35.936, 40.723, 84.559
xyY	0.223, 0.253, 40.723
CIE-LCH	69.981, 36.728, 255.718
CIE-LUV	69.981, -34.758, -55.781
Hunter-Lab	63.814, -11.157, -33.894
Binary	01100000, 10110011, 11101011

#60b3eb
```
#60b3eb rgb(96,179,235)
```
#eb9860
```
#eb9860 rgb(235,152,96)
```

Complementary Color

#60ebde
```
#60ebde rgb(96,235,222)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#606eeb
```
#606eeb rgb(96,110,235)
```

Analogous Color

#ebde60
```
#ebde60 rgb(235,222,96)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#eb606e
```
#eb606e rgb(235,96,110)
```

Split Complementary Color

#b3eb60
```
#b3eb60 rgb(179,235,96)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#eb60b3
```
#eb60b3 rgb(235,96,179)
```

Triadic Color

#60eb98
```
#60eb98 rgb(96,235,152)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#eb60b3
```
#eb60b3 rgb(235,96,179)
```
#eb9860
```
#eb9860 rgb(235,152,96)
```

Tetradic Color

#1c92e2
```
#1c92e2 rgb(28,146,226)
```
#339de5
```
#339de5 rgb(51,157,229)
```
#49a8e8
```
#49a8e8 rgb(73,168,232)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#77beee
```
#77beee rgb(119,190,238)
```
#8dc9f1
```
#8dc9f1 rgb(141,201,241)
```
#a4d3f4
```
#a4d3f4 rgb(164,211,244)
```

Monochromatic Color

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

#60d6eb
```
#60d6eb rgb(96,214,235)
```
#60caeb
```
#60caeb rgb(96,202,235)
```
#60bfeb
```
#60bfeb rgb(96,191,235)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#60a7eb
```
#60a7eb rgb(96,167,235)
```
#609ceb
```
#609ceb rgb(96,156,235)
```
#6090eb
```
#6090eb rgb(96,144,235)
```

Similar Colors

Text with hexadecimal color #60b3eb

This text has a font color of #60b3eb.

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

#60b3eb background color

This paragraph has a background color of #60b3eb.

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

#60b3eb border color

This element has a border color of #60b3eb.

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

CSS codes

.text {color:#60b3eb;}

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

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

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)
```
#062032
```
#062032 rgb(6,32,50)
```
#082c44
```
#082c44 rgb(8,44,68)
```
#0b3755
```
#0b3755 rgb(11,55,85)
```
#0d4266
```
#0d4266 rgb(13,66,102)
```
#0f4e78
```
#0f4e78 rgb(15,78,120)
```
#115989
```
#115989 rgb(17,89,137)
```
#13649b
```
#13649b rgb(19,100,155)
```
#166fac
```
#166fac rgb(22,111,172)
```
#187bbd
```
#187bbd rgb(24,123,189)
```
#1a86cf
```
#1a86cf rgb(26,134,207)
```
#1c91e0
```
#1c91e0 rgb(28,145,224)
```

Shade Color Variation

#2c9ae4
```
#2c9ae4 rgb(44,154,228)
```
#3da2e7
```
#3da2e7 rgb(61,162,231)
```
#4fabe9
```
#4fabe9 rgb(79,171,233)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#71bbed
```
#71bbed rgb(113,187,237)
```
#83c4ef
```
#83c4ef rgb(131,196,239)
```
#94ccf2
```
#94ccf2 rgb(148,204,242)
```
#a6d4f4
```
#a6d4f4 rgb(166,212,244)
```
#b7ddf6
```
#b7ddf6 rgb(183,221,246)
```
#c9e5f8
```
#c9e5f8 rgb(201,229,248)
```
#daedfa
```
#daedfa rgb(218,237,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 #52b6f9 is the most saturated one.

#a5a6a6
```
#a5a6a6 rgb(165,166,166)
```
#9ea7ad
```
#9ea7ad rgb(158,167,173)
```
#97a8b4
```
#97a8b4 rgb(151,168,180)
```
#90aabb
```
#90aabb rgb(144,170,187)
```
#89abc2
```
#89abc2 rgb(137,171,194)
```
#82acc9
```
#82acc9 rgb(130,172,201)
```
#7caecf
```
#7caecf rgb(124,174,207)
```
#75afd6
```
#75afd6 rgb(117,175,214)
```
#6eb0dd
```
#6eb0dd rgb(110,176,221)
```
#67b2e4
```
#67b2e4 rgb(103,178,228)
```
#60b3eb
```
#60b3eb rgb(96,179,235)
```
#59b4f2
```
#59b4f2 rgb(89,180,242)
```
#52b6f9
```
#52b6f9 rgb(82,182,249)
```

Tone Color Variation

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

#9eade5 Protanopia 1% of men
#96adef Deuteranopia 1% of men
#55bdcb Tritanopia 0.001% of the population

Trichromacy

#87afe7 Protanomaly 1% of men, 0.01% of women
#82afed Deuteranomaly 6% of men, 0.4% of women
#59b9d6 Tritanomaly 0.01% of the population

#60b3eb hex color

#60b3eb Color Information

#60b3eb Color Conversion

Color Schemes with #60b3eb

Alternatives to #60b3eb

#60b3eb Preview

Shades and Tints of #60b3eb

Tones of #60b3eb

Color Blindness Simulator