#60aee9 hex color

In a RGB color space, hex #60aee9 is composed of 37.6% red, 68.2% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 25.3% magenta, 0% yellow and 8.6% black. It has a hue angle of 205.8 degrees, a saturation of 75.7% and a lightness of 64.5%. #60aee9 color hex could be obtained by blending #c0ffff with #005dd3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 68
- B 91
RGB color chart
- C 59
- M 25
- Y 0
- K 9
CMYK color chart

● #60aee9 color description : Soft blue.

The hexadecimal color #60aee9 has RGB values of R:96, G:174, B:233 and CMYK values of C:0.59, M:0.25, Y:0, K:0.09. Its decimal value is 6336233.

Hex triplet	60aee9	`#60aee9`
RGB Decimal	96, 174, 233	`rgb(96,174,233)`
RGB Percent	37.6, 68.2, 91.4	`rgb(37.6%,68.2%,91.4%)`
CMYK	59, 25, 0, 9
HSL	205.8°, 75.7, 64.5	`hsl(205.8,75.7%,64.5%)`
HSV (or HSB)	205.8°, 58.8, 91.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.49, -6.946, -36.82
XYZ	34.664, 38.64, 82.718
xyY	0.222, 0.248, 38.64
CIE-LCH	68.49, 37.469, 259.317
CIE-LUV	68.49, -32.998, -57.961
Hunter-Lab	62.161, -9.24, -35.385
Binary	01100000, 10101110, 11101001

#60aee9
```
#60aee9 rgb(96,174,233)
```
#e99b60
```
#e99b60 rgb(233,155,96)
```

Complementary Color

#60e9e0
```
#60e9e0 rgb(96,233,224)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#606ae9
```
#606ae9 rgb(96,106,233)
```

Analogous Color

#e9e060
```
#e9e060 rgb(233,224,96)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#e9606a
```
#e9606a rgb(233,96,106)
```

Split Complementary Color

#aee960
```
#aee960 rgb(174,233,96)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#e960ae
```
#e960ae rgb(233,96,174)
```

Triadic Color

#60e99b
```
#60e99b rgb(96,233,155)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#e960ae
```
#e960ae rgb(233,96,174)
```
#e99b60
```
#e99b60 rgb(233,155,96)
```

Tetradic Color

#1f8cde
```
#1f8cde rgb(31,140,222)
```
#3397e3
```
#3397e3 rgb(51,151,227)
```
#4aa3e6
```
#4aa3e6 rgb(74,163,230)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#76b9ec
```
#76b9ec rgb(118,185,236)
```
#8dc5ef
```
#8dc5ef rgb(141,197,239)
```
#a3d0f2
```
#a3d0f2 rgb(163,208,242)
```

Monochromatic Color

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

#60d0e9
```
#60d0e9 rgb(96,208,233)
```
#60c5e9
```
#60c5e9 rgb(96,197,233)
```
#60b9e9
```
#60b9e9 rgb(96,185,233)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#60a3e9
```
#60a3e9 rgb(96,163,233)
```
#6097e9
```
#6097e9 rgb(96,151,233)
```
#608ce9
```
#608ce9 rgb(96,140,233)
```

Similar Colors

Text with hexadecimal color #60aee9

This text has a font color of #60aee9.

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

#60aee9 background color

This paragraph has a background color of #60aee9.

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

#60aee9 border color

This element has a border color of #60aee9.

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

CSS codes

.text {color:#60aee9;}

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

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

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, #02080d is the darkest color, while #fbfdfe is the lightest one.

#02080d
```
#02080d rgb(2,8,13)
```
#04131f
```
#04131f rgb(4,19,31)
```
#071e30
```
#071e30 rgb(7,30,48)
```
#092941
```
#092941 rgb(9,41,65)
```
#0b3452
```
#0b3452 rgb(11,52,82)
```
#0e3f63
```
#0e3f63 rgb(14,63,99)
```
#104975
```
#104975 rgb(16,73,117)
```
#135486
```
#135486 rgb(19,84,134)
```
#155f97
```
#155f97 rgb(21,95,151)
```
#176aa8
```
#176aa8 rgb(23,106,168)
```
#1a75ba
```
#1a75ba rgb(26,117,186)
```
#1c80cb
```
#1c80cb rgb(28,128,203)
```
#1e8adc
```
#1e8adc rgb(30,138,220)
```

Shade Color Variation

#2c94e2
```
#2c94e2 rgb(44,148,226)
```
#3e9ce4
```
#3e9ce4 rgb(62,156,228)
```
#4fa5e7
```
#4fa5e7 rgb(79,165,231)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#71b7eb
```
#71b7eb rgb(113,183,235)
```
#82c0ee
```
#82c0ee rgb(130,192,238)
```
#94c8f0
```
#94c8f0 rgb(148,200,240)
```
#a5d1f3
```
#a5d1f3 rgb(165,209,243)
```
#b6daf5
```
#b6daf5 rgb(182,218,245)
```
#c7e3f7
```
#c7e3f7 rgb(199,227,247)
```
#d9ebfa
```
#d9ebfa rgb(217,235,250)
```
#eaf4fc
```
#eaf4fc rgb(234,244,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa5aa is the less saturated color, while #4bb1fe is the most saturated one.

#9fa5aa
```
#9fa5aa rgb(159,165,170)
```
#98a6b1
```
#98a6b1 rgb(152,166,177)
```
#91a7b8
```
#91a7b8 rgb(145,167,184)
```
#8aa8bf
```
#8aa8bf rgb(138,168,191)
```
#83a9c6
```
#83a9c6 rgb(131,169,198)
```
#7caacd
```
#7caacd rgb(124,170,205)
```
#75abd4
```
#75abd4 rgb(117,171,212)
```
#6eacdb
```
#6eacdb rgb(110,172,219)
```
#67ade2
```
#67ade2 rgb(103,173,226)
```
#60aee9
```
#60aee9 rgb(96,174,233)
```
#59aff0
```
#59aff0 rgb(89,175,240)
```
#52b0f7
```
#52b0f7 rgb(82,176,247)
```
#4bb1fe
```
#4bb1fe rgb(75,177,254)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#91a0ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a9e4 Protanopia 1% of men
#90aaed Deuteranopia 1% of men
#54b9c6 Tritanopia 0.001% of the population

Trichromacy

#84abe5 Protanomaly 1% of men, 0.01% of women
#7fabeb Deuteranomaly 6% of men, 0.4% of women
#58b5d3 Tritanomaly 0.01% of the population

#60aee9 hex color

#60aee9 Color Information

#60aee9 Color Conversion

Color Schemes with #60aee9

Alternatives to #60aee9

#60aee9 Preview

Shades and Tints of #60aee9

Tones of #60aee9

Color Blindness Simulator