#60aefe hex color

In a RGB color space, hex #60aefe is composed of 37.6% red, 68.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 31.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 210.4 degrees, a saturation of 98.8% and a lightness of 68.6%. #60aefe color hex could be obtained by blending #c0ffff with #005dfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 38
- G 68
- B 100
RGB color chart
- C 62
- M 31
- Y 0
- K 0
CMYK color chart

● #60aefe color description : Soft blue.

The hexadecimal color #60aefe has RGB values of R:96, G:174, B:254 and CMYK values of C:0.62, M:0.31, Y:0, K:0. Its decimal value is 6336254.

Hex triplet	60aefe	`#60aefe`
RGB Decimal	96, 174, 254	`rgb(96,174,254)`
RGB Percent	37.6, 68.2, 99.6	`rgb(37.6%,68.2%,99.6%)`
CMYK	62, 31, 0, 0
HSL	210.4°, 98.8, 68.6	`hsl(210.4,98.8%,68.6%)`
HSV (or HSB)	210.4°, 62.2, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.407, -0.292, -46.809
XYZ	37.845, 39.912, 99.47
xyY	0.214, 0.225, 39.912
CIE-LCH	69.407, 46.81, 269.643
CIE-LUV	69.407, -32.414, -75.909
Hunter-Lab	63.176, -3.629, -49.128
Binary	01100000, 10101110, 11111110

#60aefe
```
#60aefe rgb(96,174,254)
```
#feb060
```
#feb060 rgb(254,176,96)
```

Complementary Color

#60fdfe
```
#60fdfe rgb(96,253,254)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#6160fe
```
#6160fe rgb(97,96,254)
```

Analogous Color

#fdfe60
```
#fdfe60 rgb(253,254,96)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#fe6160
```
#fe6160 rgb(254,97,96)
```

Split Complementary Color

#aefe60
```
#aefe60 rgb(174,254,96)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#fe60ae
```
#fe60ae rgb(254,96,174)
```

Triadic Color

#60feb0
```
#60feb0 rgb(96,254,176)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#fe60ae
```
#fe60ae rgb(254,96,174)
```
#feb060
```
#feb060 rgb(254,176,96)
```

Tetradic Color

#1487fe
```
#1487fe rgb(20,135,254)
```
#2d94fe
```
#2d94fe rgb(45,148,254)
```
#47a1fe
```
#47a1fe rgb(71,161,254)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#79bbfe
```
#79bbfe rgb(121,187,254)
```
#93c8fe
```
#93c8fe rgb(147,200,254)
```
#acd5fe
```
#acd5fe rgb(172,213,254)
```

Monochromatic Color

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

#60d6fe
```
#60d6fe rgb(96,214,254)
```
#60c8fe
```
#60c8fe rgb(96,200,254)
```
#60bbfe
```
#60bbfe rgb(96,187,254)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#60a1fe
```
#60a1fe rgb(96,161,254)
```
#6094fe
```
#6094fe rgb(96,148,254)
```
#6087fe
```
#6087fe rgb(96,135,254)
```

Similar Colors

Text with hexadecimal color #60aefe

This text has a font color of #60aefe.

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

#60aefe background color

This paragraph has a background color of #60aefe.

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

#60aefe border color

This element has a border color of #60aefe.

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

CSS codes

.text {color:#60aefe;}

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

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

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

#000810
```
#000810 rgb(0,8,16)
```
#001224
```
#001224 rgb(0,18,36)
```
#001c37
```
#001c37 rgb(0,28,55)
```
#00254b
```
#00254b rgb(0,37,75)
```
#012f5e
```
#012f5e rgb(1,47,94)
```
#013972
```
#013972 rgb(1,57,114)
```
#014285
```
#014285 rgb(1,66,133)
```
#014c99
```
#014c99 rgb(1,76,153)
```
#0156ac
```
#0156ac rgb(1,86,172)
```
#015fc0
```
#015fc0 rgb(1,95,192)
```
#0169d3
```
#0169d3 rgb(1,105,211)
```
#0173e7
```
#0173e7 rgb(1,115,231)
```
#027cfa
```
#027cfa rgb(2,124,250)
```

Shade Color Variation

#1286fe
```
#1286fe rgb(18,134,254)
```
#2690fe
```
#2690fe rgb(38,144,254)
```
#399afe
```
#399afe rgb(57,154,254)
```
#4da4fe
```
#4da4fe rgb(77,164,254)
```
#60aefe
```
#60aefe rgb(96,174,254)
```
#73b8fe
```
#73b8fe rgb(115,184,254)
```
#87c2fe
```
#87c2fe rgb(135,194,254)
```
#9accfe
```
#9accfe rgb(154,204,254)
```
#aed6fe
```
#aed6fe rgb(174,214,254)
```
#c1e0ff
```
#c1e0ff rgb(193,224,255)
```
#d5eaff
```
#d5eaff rgb(213,234,255)
```
#e8f4ff
```
#e8f4ff rgb(232,244,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#aaafb4
```
#aaafb4 rgb(170,175,180)
```
#a4afba
```
#a4afba rgb(164,175,186)
```
#9eafc0
```
#9eafc0 rgb(158,175,192)
```
#97afc7
```
#97afc7 rgb(151,175,199)
```
#91afcd
```
#91afcd rgb(145,175,205)
```
#8bafd3
```
#8bafd3 rgb(139,175,211)
```
#85aed9
```
#85aed9 rgb(133,174,217)
```
#7faedf
```
#7faedf rgb(127,174,223)
```
#79aee5
```
#79aee5 rgb(121,174,229)
```
#72aeec
```
#72aeec rgb(114,174,236)
```
#6caef2
```
#6caef2 rgb(108,174,242)
```
#66aef8
```
#66aef8 rgb(102,174,248)
```
#60aefe
```
#60aefe rgb(96,174,254)
```

Tone Color Variation

Below, you can see how #60aefe 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
#93a3b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91abf8 Protanopia 1% of men
#82adff Deuteranopia 1% of men
#45bcca Tritanopia 0.001% of the population

Trichromacy

#7facfa Protanomaly 1% of men, 0.01% of women
#76adfe Deuteranomaly 6% of men, 0.4% of women
#4fb7dd Tritanomaly 0.01% of the population

#60aefe hex color

#60aefe Color Information

#60aefe Color Conversion

Color Schemes with #60aefe

Alternatives to #60aefe

#60aefe Preview

Shades and Tints of #60aefe

Tones of #60aefe

Color Blindness Simulator