#6aaafd hex color

In a RGB color space, hex #6aaafd is composed of 41.6% red, 66.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 32.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 213.9 degrees, a saturation of 97.4% and a lightness of 70.4%. #6aaafd color hex could be obtained by blending #d4ffff with #0055fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 67
- B 99
RGB color chart
- C 58
- M 33
- Y 0
- K 1
CMYK color chart

● #6aaafd color description : Soft blue.

The hexadecimal color #6aaafd has RGB values of R:106, G:170, B:253 and CMYK values of C:0.58, M:0.33, Y:0, K:0.01. Its decimal value is 6990589.

Hex triplet	6aaafd	`#6aaafd`
RGB Decimal	106, 170, 253	`rgb(106,170,253)`
RGB Percent	41.6, 66.7, 99.2	`rgb(41.6%,66.7%,99.2%)`
CMYK	58, 33, 0, 1
HSL	213.9°, 97.4, 70.4	`hsl(213.9,97.4%,70.4%)`
HSV (or HSB)	213.9°, 58.1, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	68.681, 3.48, -47.38
XYZ	38.044, 38.903, 98.427
xyY	0.217, 0.222, 38.903
CIE-LCH	68.681, 47.507, 274.201
CIE-LUV	68.681, -28.452, -77.2
Hunter-Lab	62.372, -0.275, -49.902
Binary	01101010, 10101010, 11111101

#6aaafd
```
#6aaafd rgb(106,170,253)
```
#fdbd6a
```
#fdbd6a rgb(253,189,106)
```

Complementary Color

#6af4fd
```
#6af4fd rgb(106,244,253)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```
#746afd
```
#746afd rgb(116,106,253)
```

Analogous Color

#f4fd6a
```
#f4fd6a rgb(244,253,106)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```
#fd746a
```
#fd746a rgb(253,116,106)
```

Split Complementary Color

#aafd6a
```
#aafd6a rgb(170,253,106)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```
#fd6aaa
```
#fd6aaa rgb(253,106,170)
```

Triadic Color

#6afdbd
```
#6afdbd rgb(106,253,189)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```
#fd6aaa
```
#fd6aaa rgb(253,106,170)
```
#fdbd6a
```
#fdbd6a rgb(253,189,106)
```

Tetradic Color

#1f7ffc
```
#1f7ffc rgb(31,127,252)
```
#388dfc
```
#388dfc rgb(56,141,252)
```
#519cfd
```
#519cfd rgb(81,156,253)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```
#83b8fd
```
#83b8fd rgb(131,184,253)
```
#9cc7fe
```
#9cc7fe rgb(156,199,254)
```
#b5d5fe
```
#b5d5fe rgb(181,213,254)
```

Monochromatic Color

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

#6acffd
```
#6acffd rgb(106,207,253)
```
#6ac3fd
```
#6ac3fd rgb(106,195,253)
```
#6ab6fd
```
#6ab6fd rgb(106,182,253)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```
#6a9efd
```
#6a9efd rgb(106,158,253)
```
#6a92fd
```
#6a92fd rgb(106,146,253)
```
#6a85fd
```
#6a85fd rgb(106,133,253)
```

Similar Colors

Text with hexadecimal color #6aaafd

This text has a font color of #6aaafd.

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

#6aaafd background color

This paragraph has a background color of #6aaafd.

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

#6aaafd border color

This element has a border color of #6aaafd.

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

CSS codes

.text {color:#6aaafd;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000b19
```
#000b19 rgb(0,11,25)
```
#01142d
```
#01142d rgb(1,20,45)
```
#011c40
```
#011c40 rgb(1,28,64)
```
#012553
```
#012553 rgb(1,37,83)
```
#012d67
```
#012d67 rgb(1,45,103)
```
#02367a
```
#02367a rgb(2,54,122)
```
#023f8d
```
#023f8d rgb(2,63,141)
```
#0247a1
```
#0247a1 rgb(2,71,161)
```
#0250b4
```
#0250b4 rgb(2,80,180)
```
#0358c7
```
#0358c7 rgb(3,88,199)
```
#0361db
```
#0361db rgb(3,97,219)
```
#0369ee
```
#0369ee rgb(3,105,238)
```

Shade Color Variation

#0973fc
```
#0973fc rgb(9,115,252)
```
#1d7efc
```
#1d7efc rgb(29,126,252)
```
#3089fc
```
#3089fc rgb(48,137,252)
```
#4394fc
```
#4394fc rgb(67,148,252)
```
#579ffd
```
#579ffd rgb(87,159,253)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```
#7db5fd
```
#7db5fd rgb(125,181,253)
```
#91c0fe
```
#91c0fe rgb(145,192,254)
```
#a4cbfe
```
#a4cbfe rgb(164,203,254)
```
#b7d6fe
```
#b7d6fe rgb(183,214,254)
```
#cbe1fe
```
#cbe1fe rgb(203,225,254)
```
#deecff
```
#deecff rgb(222,236,255)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#b0b3b7
```
#b0b3b7 rgb(176,179,183)
```
#aab2bd
```
#aab2bd rgb(170,178,189)
```
#a4b2c3
```
#a4b2c3 rgb(164,178,195)
```
#9eb1c9
```
#9eb1c9 rgb(158,177,201)
```
#98b0cf
```
#98b0cf rgb(152,176,207)
```
#93afd4
```
#93afd4 rgb(147,175,212)
```
#8dafda
```
#8dafda rgb(141,175,218)
```
#87aee0
```
#87aee0 rgb(135,174,224)
```
#81ade6
```
#81ade6 rgb(129,173,230)
```
#7bacec
```
#7bacec rgb(123,172,236)
```
#76acf1
```
#76acf1 rgb(118,172,241)
```
#70abf7
```
#70abf7 rgb(112,171,247)
```
#6aaafd
```
#6aaafd rgb(106,170,253)
```

Tone Color Variation

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

Dichromacy

#8ea9f9 Protanopia 1% of men
#7fabfe Deuteranopia 1% of men
#53b9c7 Tritanopia 0.001% of the population

Trichromacy

#81a9fa Protanomaly 1% of men, 0.01% of women
#77abfd Deuteranomaly 6% of men, 0.4% of women
#5bb4da Tritanomaly 0.01% of the population

#6aaafd hex color

#6aaafd Color Information

#6aaafd Color Conversion

Color Schemes with #6aaafd

Alternatives to #6aaafd

#6aaafd Preview

Shades and Tints of #6aaafd

Tones of #6aaafd

Color Blindness Simulator