#60b2ed hex color

In a RGB color space, hex #60b2ed is composed of 37.6% red, 69.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 24.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 205.1 degrees, a saturation of 79.7% and a lightness of 65.3%. #60b2ed color hex could be obtained by blending #c0ffff with #0065db. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 70
- B 93
RGB color chart
- C 59
- M 25
- Y 0
- K 7
CMYK color chart

● #60b2ed color description : Soft blue.

The hexadecimal color #60b2ed has RGB values of R:96, G:178, B:237 and CMYK values of C:0.59, M:0.25, Y:0, K:0.07. Its decimal value is 6337261.

Hex triplet	60b2ed	`#60b2ed`
RGB Decimal	96, 178, 237	`rgb(96,178,237)`
RGB Percent	37.6, 69.8, 92.9	`rgb(37.6%,69.8%,92.9%)`
CMYK	59, 25, 0, 7
HSL	205.1°, 79.7, 65.3	`hsl(205.1,79.7%,65.3%)`
HSV (or HSB)	205.1°, 59.5, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.781, -7.895, -36.992
XYZ	36.027, 40.44, 86.023
xyY	0.222, 0.249, 40.44
CIE-LCH	69.781, 37.825, 257.952
CIE-LUV	69.781, -34.331, -58.285
Hunter-Lab	63.592, -10.161, -35.689
Binary	01100000, 10110010, 11101101

#60b2ed
```
#60b2ed rgb(96,178,237)
```
#ed9b60
```
#ed9b60 rgb(237,155,96)
```

Complementary Color

#60ede2
```
#60ede2 rgb(96,237,226)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#606ced
```
#606ced rgb(96,108,237)
```

Analogous Color

#ede260
```
#ede260 rgb(237,226,96)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#ed606c
```
#ed606c rgb(237,96,108)
```

Split Complementary Color

#b2ed60
```
#b2ed60 rgb(178,237,96)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#ed60b2
```
#ed60b2 rgb(237,96,178)
```

Triadic Color

#60ed9b
```
#60ed9b rgb(96,237,155)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#ed60b2
```
#ed60b2 rgb(237,96,178)
```
#ed9b60
```
#ed9b60 rgb(237,155,96)
```

Tetradic Color

#1b91e5
```
#1b91e5 rgb(27,145,229)
```
#329ce8
```
#329ce8 rgb(50,156,232)
```
#49a7ea
```
#49a7ea rgb(73,167,234)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#77bdf0
```
#77bdf0 rgb(119,189,240)
```
#8ec8f2
```
#8ec8f2 rgb(142,200,242)
```
#a5d3f5
```
#a5d3f5 rgb(165,211,245)
```

Monochromatic Color

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

#60d5ed
```
#60d5ed rgb(96,213,237)
```
#60caed
```
#60caed rgb(96,202,237)
```
#60beed
```
#60beed rgb(96,190,237)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#60a6ed
```
#60a6ed rgb(96,166,237)
```
#609bed
```
#609bed rgb(96,155,237)
```
#608fed
```
#608fed rgb(96,143,237)
```

Similar Colors

Text with hexadecimal color #60b2ed

This text has a font color of #60b2ed.

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

#60b2ed background color

This paragraph has a background color of #60b2ed.

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

#60b2ed border color

This element has a border color of #60b2ed.

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

CSS codes

.text {color:#60b2ed;}

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

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

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

#020b11
```
#020b11 rgb(2,11,17)
```
#041623
```
#041623 rgb(4,22,35)
```
#062134
```
#062134 rgb(6,33,52)
```
#082c46
```
#082c46 rgb(8,44,70)
```
#0a3758
```
#0a3758 rgb(10,55,88)
```
#0c4269
```
#0c4269 rgb(12,66,105)
```
#0e4d7b
```
#0e4d7b rgb(14,77,123)
```
#10588d
```
#10588d rgb(16,88,141)
```
#12639e
```
#12639e rgb(18,99,158)
```
#146fb0
```
#146fb0 rgb(20,111,176)
```
#167ac1
```
#167ac1 rgb(22,122,193)
```
#1885d3
```
#1885d3 rgb(24,133,211)
```
#1a90e5
```
#1a90e5 rgb(26,144,229)
```

Shade Color Variation

#2b98e7
```
#2b98e7 rgb(43,152,231)
```
#3da1e9
```
#3da1e9 rgb(61,161,233)
```
#4ea9eb
```
#4ea9eb rgb(78,169,235)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#72bbef
```
#72bbef rgb(114,187,239)
```
#83c3f1
```
#83c3f1 rgb(131,195,241)
```
#95ccf3
```
#95ccf3 rgb(149,204,243)
```
#a6d4f5
```
#a6d4f5 rgb(166,212,245)
```
#b8ddf7
```
#b8ddf7 rgb(184,221,247)
```
#cae5f9
```
#cae5f9 rgb(202,229,249)
```
#dbeefb
```
#dbeefb rgb(219,238,251)
```
#edf6fd
```
#edf6fd rgb(237,246,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a4a7a9 is the less saturated color, while #52b4fb is the most saturated one.

#a4a7a9
```
#a4a7a9 rgb(164,167,169)
```
#9da8b0
```
#9da8b0 rgb(157,168,176)
```
#96a9b7
```
#96a9b7 rgb(150,169,183)
```
#90aabd
```
#90aabd rgb(144,170,189)
```
#89abc4
```
#89abc4 rgb(137,171,196)
```
#82accb
```
#82accb rgb(130,172,203)
```
#7baed2
```
#7baed2 rgb(123,174,210)
```
#74afd9
```
#74afd9 rgb(116,175,217)
```
#6eb0df
```
#6eb0df rgb(110,176,223)
```
#67b1e6
```
#67b1e6 rgb(103,177,230)
```
#60b2ed
```
#60b2ed rgb(96,178,237)
```
#59b3f4
```
#59b3f4 rgb(89,179,244)
```
#52b4fb
```
#52b4fb rgb(82,180,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#93a4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cace7 Protanopia 1% of men
#94adf1 Deuteranopia 1% of men
#53bcca Tritanopia 0.001% of the population

Trichromacy

#86aee9 Protanomaly 1% of men, 0.01% of women
#81afef Deuteranomaly 6% of men, 0.4% of women
#58b8d7 Tritanomaly 0.01% of the population

#60b2ed hex color

#60b2ed Color Information

#60b2ed Color Conversion

Color Schemes with #60b2ed

Alternatives to #60b2ed

#60b2ed Preview

Shades and Tints of #60b2ed

Tones of #60b2ed

Color Blindness Simulator