#60aae3 hex color

In a RGB color space, hex #60aae3 is composed of 37.6% red, 66.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 25.1% magenta, 0% yellow and 11% black. It has a hue angle of 206.1 degrees, a saturation of 70.1% and a lightness of 63.3%. #60aae3 color hex could be obtained by blending #c0ffff with #0055c7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 38
- G 67
- B 89
RGB color chart
- C 58
- M 25
- Y 0
- K 11
CMYK color chart

● #60aae3 color description : Soft blue.

The hexadecimal color #60aae3 has RGB values of R:96, G:170, B:227 and CMYK values of C:0.58, M:0.25, Y:0, K:0.11. Its decimal value is 6335203.

Hex triplet	60aae3	`#60aae3`
RGB Decimal	96, 170, 227	`rgb(96,170,227)`
RGB Percent	37.6, 66.7, 89	`rgb(37.6%,66.7%,89%)`
CMYK	58, 25, 0, 11
HSL	206.1°, 70.1, 63.3	`hsl(206.1,70.1%,63.3%)`
HSV (or HSB)	206.1°, 57.7, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.112, -6.604, -35.678
XYZ	33.06, 36.78, 78.026
xyY	0.224, 0.249, 36.78
CIE-LCH	67.112, 36.284, 259.512
CIE-LUV	67.112, -31.706, -55.907
Hunter-Lab	60.647, -8.826, -33.828
Binary	01100000, 10101010, 11100011

#60aae3
```
#60aae3 rgb(96,170,227)
```
#e39960
```
#e39960 rgb(227,153,96)
```

Complementary Color

#60e3db
```
#60e3db rgb(96,227,219)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#6069e3
```
#6069e3 rgb(96,105,227)
```

Analogous Color

#e3db60
```
#e3db60 rgb(227,219,96)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#e36069
```
#e36069 rgb(227,96,105)
```

Split Complementary Color

#aae360
```
#aae360 rgb(170,227,96)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#e360aa
```
#e360aa rgb(227,96,170)
```

Triadic Color

#60e399
```
#60e399 rgb(96,227,153)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#e360aa
```
#e360aa rgb(227,96,170)
```
#e39960
```
#e39960 rgb(227,153,96)
```

Tetradic Color

#2586d2
```
#2586d2 rgb(37,134,210)
```
#3593db
```
#3593db rgb(53,147,219)
```
#4a9edf
```
#4a9edf rgb(74,158,223)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#76b6e7
```
#76b6e7 rgb(118,182,231)
```
#8bc1eb
```
#8bc1eb rgb(139,193,235)
```
#a1cdee
```
#a1cdee rgb(161,205,238)
```

Monochromatic Color

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

#60cbe3
```
#60cbe3 rgb(96,203,227)
```
#60c0e3
```
#60c0e3 rgb(96,192,227)
```
#60b5e3
```
#60b5e3 rgb(96,181,227)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#609fe3
```
#609fe3 rgb(96,159,227)
```
#6094e3
```
#6094e3 rgb(96,148,227)
```
#6089e3
```
#6089e3 rgb(96,137,227)
```

Similar Colors

Text with hexadecimal color #60aae3

This text has a font color of #60aae3.

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

#60aae3 background color

This paragraph has a background color of #60aae3.

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

#60aae3 border color

This element has a border color of #60aae3.

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

CSS codes

.text {color:#60aae3;}

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

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

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, #010508 is the darkest color, while #f6fafd is the lightest one.

#010508
```
#010508 rgb(1,5,8)
```
#041018
```
#041018 rgb(4,16,24)
```
#071a29
```
#071a29 rgb(7,26,41)
```
#0a253a
```
#0a253a rgb(10,37,58)
```
#0d304a
```
#0d304a rgb(13,48,74)
```
#103a5b
```
#103a5b rgb(16,58,91)
```
#13456c
```
#13456c rgb(19,69,108)
```
#16507d
```
#16507d rgb(22,80,125)
```
#195b8d
```
#195b8d rgb(25,91,141)
```
#1c659e
```
#1c659e rgb(28,101,158)
```
#1f70af
```
#1f70af rgb(31,112,175)
```
#227bbf
```
#227bbf rgb(34,123,191)
```
#2585d0
```
#2585d0 rgb(37,133,208)
```

Shade Color Variation

#2e8fda
```
#2e8fda rgb(46,143,218)
```
#3f98dd
```
#3f98dd rgb(63,152,221)
```
#4fa1e0
```
#4fa1e0 rgb(79,161,224)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#71b3e6
```
#71b3e6 rgb(113,179,230)
```
#81bce9
```
#81bce9 rgb(129,188,233)
```
#92c5ec
```
#92c5ec rgb(146,197,236)
```
#a3ceef
```
#a3ceef rgb(163,206,239)
```
#b3d7f2
```
#b3d7f2 rgb(179,215,242)
```
#c4dff5
```
#c4dff5 rgb(196,223,245)
```
#d5e8f8
```
#d5e8f8 rgb(213,232,248)
```
#e5f1fa
```
#e5f1fa rgb(229,241,250)
```
#f6fafd
```
#f6fafd rgb(246,250,253)
```

Tint Color Variation

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

#a1a2a2
```
#a1a2a2 rgb(161,162,162)
```
#9aa3a9
```
#9aa3a9 rgb(154,163,169)
```
#92a3b1
```
#92a3b1 rgb(146,163,177)
```
#8ba4b8
```
#8ba4b8 rgb(139,164,184)
```
#84a5bf
```
#84a5bf rgb(132,165,191)
```
#7da6c6
```
#7da6c6 rgb(125,166,198)
```
#76a7cd
```
#76a7cd rgb(118,167,205)
```
#6ea8d5
```
#6ea8d5 rgb(110,168,213)
```
#67a9dc
```
#67a9dc rgb(103,169,220)
```
#60aae3
```
#60aae3 rgb(96,170,227)
```
#59abea
```
#59abea rgb(89,171,234)
```
#52acf1
```
#52acf1 rgb(82,172,241)
```
#4aadf9
```
#4aadf9 rgb(74,173,249)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9da9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a6de Protanopia 1% of men
#8ea6e7 Deuteranopia 1% of men
#55b5c2 Tritanopia 0.001% of the population

Trichromacy

#82a7e0 Protanomaly 1% of men, 0.01% of women
#7da7e5 Deuteranomaly 6% of men, 0.4% of women
#59b1ce Tritanomaly 0.01% of the population

#60aae3 hex color

#60aae3 Color Information

#60aae3 Color Conversion

Color Schemes with #60aae3

Alternatives to #60aae3

#60aae3 Preview

Shades and Tints of #60aae3

Tones of #60aae3

Color Blindness Simulator