#6aafde hex color

In a RGB color space, hex #6aafde is composed of 41.6% red, 68.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 21.2% magenta, 0% yellow and 12.9% black. It has a hue angle of 204.3 degrees, a saturation of 63.7% and a lightness of 64.3%. #6aafde color hex could be obtained by blending #d4ffff with #005fbd. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 69
- B 87
RGB color chart
- C 52
- M 21
- Y 0
- K 13
CMYK color chart

● #6aafde color description : Soft blue.

The hexadecimal color #6aafde has RGB values of R:106, G:175, B:222 and CMYK values of C:0.52, M:0.21, Y:0, K:0.13. Its decimal value is 6991838.

Hex triplet	6aafde	`#6aafde`
RGB Decimal	106, 175, 222	`rgb(106,175,222)`
RGB Percent	41.6, 68.6, 87.1	`rgb(41.6%,68.6%,87.1%)`
CMYK	52, 21, 0, 13
HSL	204.3°, 63.7, 64.3	`hsl(204.3,63.7%,64.3%)`
HSV (or HSB)	204.3°, 52.3, 87.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	68.748, -8.781, -30.366
XYZ	34.455, 38.996, 74.815
xyY	0.232, 0.263, 38.996
CIE-LCH	68.748, 31.61, 253.872
CIE-LUV	68.748, -30.845, -46.852
Hunter-Lab	62.447, -10.793, -27.32
Binary	01101010, 10101111, 11011110

#6aafde
```
#6aafde rgb(106,175,222)
```
#de996a
```
#de996a rgb(222,153,106)
```

Complementary Color

#6aded3
```
#6aded3 rgb(106,222,211)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#6a75de
```
#6a75de rgb(106,117,222)
```

Analogous Color

#ded36a
```
#ded36a rgb(222,211,106)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#de6a75
```
#de6a75 rgb(222,106,117)
```

Split Complementary Color

#afde6a
```
#afde6a rgb(175,222,106)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#de6aaf
```
#de6aaf rgb(222,106,175)
```

Triadic Color

#6ade99
```
#6ade99 rgb(106,222,153)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#de6aaf
```
#de6aaf rgb(222,106,175)
```
#de996a
```
#de996a rgb(222,153,106)
```

Tetradic Color

#2e8dce
```
#2e8dce rgb(46,141,206)
```
#4099d5
```
#4099d5 rgb(64,153,213)
```
#55a4d9
```
#55a4d9 rgb(85,164,217)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#7fbae3
```
#7fbae3 rgb(127,186,227)
```
#94c5e7
```
#94c5e7 rgb(148,197,231)
```
#a9d1ec
```
#a9d1ec rgb(169,209,236)
```

Monochromatic Color

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

#6accde
```
#6accde rgb(106,204,222)
```
#6ac2de
```
#6ac2de rgb(106,194,222)
```
#6ab9de
```
#6ab9de rgb(106,185,222)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#6aa5de
```
#6aa5de rgb(106,165,222)
```
#6a9cde
```
#6a9cde rgb(106,156,222)
```
#6a92de
```
#6a92de rgb(106,146,222)
```

Similar Colors

Text with hexadecimal color #6aafde

This text has a font color of #6aafde.

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

#6aafde background color

This paragraph has a background color of #6aafde.

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

#6aafde border color

This element has a border color of #6aafde.

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

CSS codes

.text {color:#6aafde;}

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

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

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

#03080c
```
#03080c rgb(3,8,12)
```
#06131c
```
#06131c rgb(6,19,28)
```
#0a1e2c
```
#0a1e2c rgb(10,30,44)
```
#0d293c
```
#0d293c rgb(13,41,60)
```
#11344c
```
#11344c rgb(17,52,76)
```
#143f5c
```
#143f5c rgb(20,63,92)
```
#184a6c
```
#184a6c rgb(24,74,108)
```
#1b557c
```
#1b557c rgb(27,85,124)
```
#1f608c
```
#1f608c rgb(31,96,140)
```
#236b9c
```
#236b9c rgb(35,107,156)
```
#2676ac
```
#2676ac rgb(38,118,172)
```
#2a81bc
```
#2a81bc rgb(42,129,188)
```
#2d8ccc
```
#2d8ccc rgb(45,140,204)
```

Shade Color Variation

#3a95d3
```
#3a95d3 rgb(58,149,211)
```
#4a9ed7
```
#4a9ed7 rgb(74,158,215)
```
#5aa6da
```
#5aa6da rgb(90,166,218)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#7ab8e2
```
#7ab8e2 rgb(122,184,226)
```
#8ac0e5
```
#8ac0e5 rgb(138,192,229)
```
#9ac9e9
```
#9ac9e9 rgb(154,201,233)
```
#aad1ec
```
#aad1ec rgb(170,209,236)
```
#badaf0
```
#badaf0 rgb(186,218,240)
```
#cae3f3
```
#cae3f3 rgb(202,227,243)
```
#daebf7
```
#daebf7 rgb(218,235,247)
```
#eaf4fa
```
#eaf4fa rgb(234,244,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#a2a4a6
```
#a2a4a6 rgb(162,164,166)
```
#9ba6ad
```
#9ba6ad rgb(155,166,173)
```
#94a7b4
```
#94a7b4 rgb(148,167,180)
```
#8da8bb
```
#8da8bb rgb(141,168,187)
```
#86aac2
```
#86aac2 rgb(134,170,194)
```
#7fabc9
```
#7fabc9 rgb(127,171,201)
```
#78acd0
```
#78acd0 rgb(120,172,208)
```
#71aed7
```
#71aed7 rgb(113,174,215)
```
#6aafde
```
#6aafde rgb(106,175,222)
```
#63b0e5
```
#63b0e5 rgb(99,176,229)
```
#5cb2ec
```
#5cb2ec rgb(92,178,236)
```
#55b3f3
```
#55b3f3 rgb(85,179,243)
```
#4eb4fa
```
#4eb4fa rgb(78,180,250)
```

Tone Color Variation

Below, you can see how #6aafde 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
#95a3ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#9eaad9 Protanopia 1% of men
#9baae3 Deuteranopia 1% of men
#66b8c5 Tritanopia 0.001% of the population

Trichromacy

#8bacdb Protanomaly 1% of men, 0.01% of women
#89abe1 Deuteranomaly 6% of men, 0.4% of women
#67b4ce Tritanomaly 0.01% of the population

#6aafde hex color

#6aafde Color Information

#6aafde Color Conversion

Color Schemes with #6aafde

Alternatives to #6aafde

#6aafde Preview

Shades and Tints of #6aafde

Tones of #6aafde

Color Blindness Simulator