#6aaefe hex color

In a RGB color space, hex #6aaefe is composed of 41.6% red, 68.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 31.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 212.4 degrees, a saturation of 98.7% and a lightness of 70.6%. #6aaefe color hex could be obtained by blending #d4ffff with #005dfd. Closest websafe color is: #6699ff.

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

● #6aaefe color description : Soft blue.

The hexadecimal color #6aaefe has RGB values of R:106, G:174, B:254 and CMYK values of C:0.58, M:0.31, Y:0, K:0. Its decimal value is 6991614.

Hex triplet	6aaefe	`#6aaefe`
RGB Decimal	106, 174, 254	`rgb(106,174,254)`
RGB Percent	41.6, 68.2, 99.6	`rgb(41.6%,68.2%,99.6%)`
CMYK	58, 31, 0, 0
HSL	212.4°, 98.7, 70.6	`hsl(212.4,98.7%,70.6%)`
HSV (or HSB)	212.4°, 58.3, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.817, 1.535, -46.136
XYZ	38.965, 40.49, 99.522
xyY	0.218, 0.226, 40.49
CIE-LCH	69.817, 46.162, 271.905
CIE-LUV	69.817, -29.848, -75.033
Hunter-Lab	63.631, -2.049, -48.19
Binary	01101010, 10101110, 11111110

#6aaefe
```
#6aaefe rgb(106,174,254)
```
#feba6a
```
#feba6a rgb(254,186,106)
```

Complementary Color

#6af8fe
```
#6af8fe rgb(106,248,254)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```
#706afe
```
#706afe rgb(112,106,254)
```

Analogous Color

#f8fe6a
```
#f8fe6a rgb(248,254,106)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```
#fe706a
```
#fe706a rgb(254,112,106)
```

Split Complementary Color

#aefe6a
```
#aefe6a rgb(174,254,106)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```
#fe6aae
```
#fe6aae rgb(254,106,174)
```

Triadic Color

#6afeba
```
#6afeba rgb(106,254,186)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```
#fe6aae
```
#fe6aae rgb(254,106,174)
```
#feba6a
```
#feba6a rgb(254,186,106)
```

Tetradic Color

#1e85fd
```
#1e85fd rgb(30,133,253)
```
#3792fe
```
#3792fe rgb(55,146,254)
```
#51a0fe
```
#51a0fe rgb(81,160,254)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```
#83bcfe
```
#83bcfe rgb(131,188,254)
```
#9dcafe
```
#9dcafe rgb(157,202,254)
```
#b6d7ff
```
#b6d7ff rgb(182,215,255)
```

Monochromatic Color

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

#6ad3fe
```
#6ad3fe rgb(106,211,254)
```
#6ac7fe
```
#6ac7fe rgb(106,199,254)
```
#6abafe
```
#6abafe rgb(106,186,254)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```
#6aa2fe
```
#6aa2fe rgb(106,162,254)
```
#6a95fe
```
#6a95fe rgb(106,149,254)
```
#6a89fe
```
#6a89fe rgb(106,137,254)
```

Similar Colors

Text with hexadecimal color #6aaefe

This text has a font color of #6aaefe.

<span style="color:#6aaefe;">Text here</span>

#6aaefe background color

This paragraph has a background color of #6aaefe.

<p style="background-color:#6aaefe;">Content here</p>

#6aaefe border color

This element has a border color of #6aaefe.

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

CSS codes

.text {color:#6aaefe;}

.background {background-color:#6aaefe;}

.border {border:1px solid #6aaefe;}

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

#000307
```
#000307 rgb(0,3,7)
```
#000c1a
```
#000c1a rgb(0,12,26)
```
#00152e
```
#00152e rgb(0,21,46)
```
#001e41
```
#001e41 rgb(0,30,65)
```
#012755
```
#012755 rgb(1,39,85)
```
#013068
```
#013068 rgb(1,48,104)
```
#01397c
```
#01397c rgb(1,57,124)
```
#01428f
```
#01428f rgb(1,66,143)
```
#014ba3
```
#014ba3 rgb(1,75,163)
```
#0154b6
```
#0154b6 rgb(1,84,182)
```
#015dca
```
#015dca rgb(1,93,202)
```
#0166dd
```
#0166dd rgb(1,102,221)
```
#026ff1
```
#026ff1 rgb(2,111,241)
```

Shade Color Variation

#0979fd
```
#0979fd rgb(9,121,253)
```
#1c84fd
```
#1c84fd rgb(28,132,253)
```
#308efe
```
#308efe rgb(48,142,254)
```
#4399fe
```
#4399fe rgb(67,153,254)
```
#57a3fe
```
#57a3fe rgb(87,163,254)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```
#7db9fe
```
#7db9fe rgb(125,185,254)
```
#91c3fe
```
#91c3fe rgb(145,195,254)
```
#a4cefe
```
#a4cefe rgb(164,206,254)
```
#b8d8ff
```
#b8d8ff rgb(184,216,255)
```
#cbe3ff
```
#cbe3ff rgb(203,227,255)
```
#dfeeff
```
#dfeeff rgb(223,238,255)
```
#f2f8ff
```
#f2f8ff rgb(242,248,255)
```

Tint Color Variation

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

#afb4b9
```
#afb4b9 rgb(175,180,185)
```
#a9b3bf
```
#a9b3bf rgb(169,179,191)
```
#a4b3c4
```
#a4b3c4 rgb(164,179,196)
```
#9eb2ca
```
#9eb2ca rgb(158,178,202)
```
#98b2d0
```
#98b2d0 rgb(152,178,208)
```
#92b1d6
```
#92b1d6 rgb(146,177,214)
```
#8db1db
```
#8db1db rgb(141,177,219)
```
#87b0e1
```
#87b0e1 rgb(135,176,225)
```
#81b0e7
```
#81b0e7 rgb(129,176,231)
```
#7bafed
```
#7bafed rgb(123,175,237)
```
#76aff2
```
#76aff2 rgb(118,175,242)
```
#70aef8
```
#70aef8 rgb(112,174,248)
```
#6aaefe
```
#6aaefe rgb(106,174,254)
```

Tone Color Variation

Below, you can see how #6aaefe 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

#a3a3a3 Achromatopsia 0.005% of the population
#98a5b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#92acf9 Protanopia 1% of men
#85aeff Deuteranopia 1% of men
#54bcca Tritanopia 0.001% of the population

Trichromacy

#84acfb Protanomaly 1% of men, 0.01% of women
#7baefe Deuteranomaly 6% of men, 0.4% of women
#5cb7dd Tritanomaly 0.01% of the population

#6aaefe hex color

#6aaefe Color Information

#6aaefe Color Conversion

Color Schemes with #6aaefe

Alternatives to #6aaefe

#6aaefe Preview

Shades and Tints of #6aaefe

Tones of #6aaefe

Color Blindness Simulator