colorhexa.com

#60aee7 hex color

In a RGB color space, hex #60aee7 is composed of 37.6% red, 68.2% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 24.7% magenta, 0% yellow and 9.4% black. It has a hue angle of 205.3 degrees, a saturation of 73.8% and a lightness of 64.1%. #60aee7 color hex could be obtained by blending #c0ffff with #005dcf. Closest websafe color is: #6699ff.

- R 38
- G 68
- B 91
RGB color chart
- C 58
- M 25
- Y 0
- K 9
CMYK color chart

● #60aee7 color description : Soft blue.

The hexadecimal color #60aee7 has RGB values of R:96, G:174, B:231 and CMYK values of C:0.58, M:0.25, Y:0, K:0.09. Its decimal value is 6336231.

Hex triplet	60aee7	`#60aee7`
RGB Decimal	96, 174, 231	`rgb(96,174,231)`
RGB Percent	37.6, 68.2, 90.6	`rgb(37.6%,68.2%,90.6%)`
CMYK	58, 25, 0, 9
HSL	205.3°, 73.8, 64.1	`hsl(205.3,73.8%,64.1%)`
HSV (or HSB)	205.3°, 58.4, 90.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.407, -7.567, -35.856
XYZ	34.38, 38.526, 81.221
xyY	0.223, 0.25, 38.526
CIE-LCH	68.407, 36.646, 258.083
CIE-LUV	68.407, -33.057, -56.24
Hunter-Lab	62.069, -9.75, -34.136
Binary	01100000, 10101110, 11100111

#60aee7
```
#60aee7 rgb(96,174,231)
```
#e79960
```
#e79960 rgb(231,153,96)
```

Complementary Color

#60e7dd
```
#60e7dd rgb(96,231,221)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#606be7
```
#606be7 rgb(96,107,231)
```

Analogous Color

#e7dd60
```
#e7dd60 rgb(231,221,96)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#e7606b
```
#e7606b rgb(231,96,107)
```

Split Complementary Color

#aee760
```
#aee760 rgb(174,231,96)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#e760ae
```
#e760ae rgb(231,96,174)
```

Triadic Color

#60e799
```
#60e799 rgb(96,231,153)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#e760ae
```
#e760ae rgb(231,96,174)
```
#e79960
```
#e79960 rgb(231,153,96)
```

Tetradic Color

#218cda
```
#218cda rgb(33,140,218)
```
#3497e0
```
#3497e0 rgb(52,151,224)
```
#4aa3e4
```
#4aa3e4 rgb(74,163,228)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#76b9ea
```
#76b9ea rgb(118,185,234)
```
#8cc5ee
```
#8cc5ee rgb(140,197,238)
```
#a2d0f1
```
#a2d0f1 rgb(162,208,241)
```

Monochromatic Color

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

#60d0e7
```
#60d0e7 rgb(96,208,231)
```
#60c5e7
```
#60c5e7 rgb(96,197,231)
```
#60b9e7
```
#60b9e7 rgb(96,185,231)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#60a3e7
```
#60a3e7 rgb(96,163,231)
```
#6098e7
```
#6098e7 rgb(96,152,231)
```
#608ce7
```
#608ce7 rgb(96,140,231)
```

Similar Colors

Text with hexadecimal color #60aee7

This text has a font color of #60aee7.

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

#60aee7 background color

This paragraph has a background color of #60aee7.

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

#60aee7 border color

This element has a border color of #60aee7.

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

CSS codes

.text {color:#60aee7;}

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

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

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, #02070b is the darkest color, while #f9fcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#04121c
```
#04121c rgb(4,18,28)
```
#071d2e
```
#071d2e rgb(7,29,46)
```
#09283f
```
#09283f rgb(9,40,63)
```
#0c3350
```
#0c3350 rgb(12,51,80)
```
#0f3e61
```
#0f3e61 rgb(15,62,97)
```
#114972
```
#114972 rgb(17,73,114)
```
#145483
```
#145483 rgb(20,84,131)
```
#165f94
```
#165f94 rgb(22,95,148)
```
#196aa5
```
#196aa5 rgb(25,106,165)
```
#1b75b6
```
#1b75b6 rgb(27,117,182)
```
#1e80c7
```
#1e80c7 rgb(30,128,199)
```
#218bd8
```
#218bd8 rgb(33,139,216)
```

Shade Color Variation

#2d94df
```
#2d94df rgb(45,148,223)
```
#3e9de2
```
#3e9de2 rgb(62,157,226)
```
#4fa5e4
```
#4fa5e4 rgb(79,165,228)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#71b7ea
```
#71b7ea rgb(113,183,234)
```
#82bfec
```
#82bfec rgb(130,191,236)
```
#93c8ef
```
#93c8ef rgb(147,200,239)
```
#a4d1f1
```
#a4d1f1 rgb(164,209,241)
```
#b5d9f4
```
#b5d9f4 rgb(181,217,244)
```
#c6e2f6
```
#c6e2f6 rgb(198,226,246)
```
#d7ebf9
```
#d7ebf9 rgb(215,235,249)
```
#e8f3fc
```
#e8f3fc rgb(232,243,252)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#9fa4a8
```
#9fa4a8 rgb(159,164,168)
```
#98a5af
```
#98a5af rgb(152,165,175)
```
#91a6b6
```
#91a6b6 rgb(145,166,182)
```
#8aa7bd
```
#8aa7bd rgb(138,167,189)
```
#83a9c4
```
#83a9c4 rgb(131,169,196)
```
#7caacb
```
#7caacb rgb(124,170,203)
```
#75abd2
```
#75abd2 rgb(117,171,210)
```
#6eacd9
```
#6eacd9 rgb(110,172,217)
```
#67ade0
```
#67ade0 rgb(103,173,224)
```
#60aee7
```
#60aee7 rgb(96,174,231)
```
#59afee
```
#59afee rgb(89,175,238)
```
#52b0f5
```
#52b0f5 rgb(82,176,245)
```
#4bb1fc
```
#4bb1fc rgb(75,177,252)
```

Tone Color Variation

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

#99a9e2 Protanopia 1% of men
#92a9eb Deuteranopia 1% of men
#55b8c6 Tritanopia 0.001% of the population

Trichromacy

#84abe3 Protanomaly 1% of men, 0.01% of women
#7fabe9 Deuteranomaly 6% of men, 0.4% of women
#59b4d2 Tritanomaly 0.01% of the population