#6aaad6 hex color

In a RGB color space, hex #6aaad6 is composed of 41.6% red, 66.7% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 50.5% cyan, 20.6% magenta, 0% yellow and 16.1% black. It has a hue angle of 204.4 degrees, a saturation of 56.8% and a lightness of 62.7%. #6aaad6 color hex could be obtained by blending #d4ffff with #0055ad. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 67
- B 84
RGB color chart
- C 50
- M 21
- Y 0
- K 16
CMYK color chart

● #6aaad6 color description : Moderate blue.

The hexadecimal color #6aaad6 has RGB values of R:106, G:170, B:214 and CMYK values of C:0.5, M:0.21, Y:0, K:0.16. Its decimal value is 6990550.

Hex triplet	6aaad6	`#6aaad6`
RGB Decimal	106, 170, 214	`rgb(106,170,214)`
RGB Percent	41.6, 66.7, 83.9	`rgb(41.6%,66.7%,83.9%)`
CMYK	50, 21, 0, 16
HSL	204.4°, 56.8, 62.7	`hsl(204.4,56.8%,62.7%)`
HSV (or HSB)	204.4°, 50.5, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.026, -8.402, -28.624
XYZ	32.453, 36.667, 68.982
xyY	0.235, 0.266, 36.667
CIE-LCH	67.026, 29.832, 253.642
CIE-LUV	67.026, -29.098, -43.825
Hunter-Lab	60.553, -10.301, -25.156
Binary	01101010, 10101010, 11010110

#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#d6966a
```
#d6966a rgb(214,150,106)
```

Complementary Color

#6ad6cc
```
#6ad6cc rgb(106,214,204)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#6a74d6
```
#6a74d6 rgb(106,116,214)
```

Analogous Color

#d6cc6a
```
#d6cc6a rgb(214,204,106)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#d66a74
```
#d66a74 rgb(214,106,116)
```

Split Complementary Color

#aad66a
```
#aad66a rgb(170,214,106)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#d66aaa
```
#d66aaa rgb(214,106,170)
```

Triadic Color

#6ad696
```
#6ad696 rgb(106,214,150)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#d66aaa
```
#d66aaa rgb(214,106,170)
```
#d6966a
```
#d6966a rgb(214,150,106)
```

Tetradic Color

#3587bf
```
#3587bf rgb(53,135,191)
```
#4293cb
```
#4293cb rgb(66,147,203)
```
#569fd0
```
#569fd0 rgb(86,159,208)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#7eb5dc
```
#7eb5dc rgb(126,181,220)
```
#92c1e1
```
#92c1e1 rgb(146,193,225)
```
#a6cce7
```
#a6cce7 rgb(166,204,231)
```

Monochromatic Color

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

#6ac5d6
```
#6ac5d6 rgb(106,197,214)
```
#6abcd6
```
#6abcd6 rgb(106,188,214)
```
#6ab3d6
```
#6ab3d6 rgb(106,179,214)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#6aa1d6
```
#6aa1d6 rgb(106,161,214)
```
#6a98d6
```
#6a98d6 rgb(106,152,214)
```
#6a8fd6
```
#6a8fd6 rgb(106,143,214)
```

Similar Colors

Text with hexadecimal color #6aaad6

This text has a font color of #6aaad6.

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

#6aaad6 background color

This paragraph has a background color of #6aaad6.

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

#6aaad6 border color

This element has a border color of #6aaad6.

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

CSS codes

.text {color:#6aaad6;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#060e14
```
#060e14 rgb(6,14,20)
```
#0a1924
```
#0a1924 rgb(10,25,36)
```
#0e2433
```
#0e2433 rgb(14,36,51)
```
#122f42
```
#122f42 rgb(18,47,66)
```
#163a52
```
#163a52 rgb(22,58,82)
```
#1b4461
```
#1b4461 rgb(27,68,97)
```
#1f4f71
```
#1f4f71 rgb(31,79,113)
```
#235a80
```
#235a80 rgb(35,90,128)
```
#27658f
```
#27658f rgb(39,101,143)
```
#2c709f
```
#2c709f rgb(44,112,159)
```
#307bae
```
#307bae rgb(48,123,174)
```
#3485bd
```
#3485bd rgb(52,133,189)
```

Shade Color Variation

#3c90c9
```
#3c90c9 rgb(60,144,201)
```
#4b98ce
```
#4b98ce rgb(75,152,206)
```
#5ba1d2
```
#5ba1d2 rgb(91,161,210)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#79b3da
```
#79b3da rgb(121,179,218)
```
#89bcde
```
#89bcde rgb(137,188,222)
```
#98c4e3
```
#98c4e3 rgb(152,196,227)
```
#a8cde7
```
#a8cde7 rgb(168,205,231)
```
#b7d6eb
```
#b7d6eb rgb(183,214,235)
```
#c6dfef
```
#c6dfef rgb(198,223,239)
```
#d6e7f4
```
#d6e7f4 rgb(214,231,244)
```
#e5f0f8
```
#e5f0f8 rgb(229,240,248)
```
#f4f9fc
```
#f4f9fc rgb(244,249,252)
```

Tint Color Variation

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

#9da1a3
```
#9da1a3 rgb(157,161,163)
```
#96a2aa
```
#96a2aa rgb(150,162,170)
```
#8fa3b1
```
#8fa3b1 rgb(143,163,177)
```
#87a5b9
```
#87a5b9 rgb(135,165,185)
```
#80a6c0
```
#80a6c0 rgb(128,166,192)
```
#79a7c7
```
#79a7c7 rgb(121,167,199)
```
#71a9cf
```
#71a9cf rgb(113,169,207)
```
#6aaad6
```
#6aaad6 rgb(106,170,214)
```
#63abdd
```
#63abdd rgb(99,171,221)
```
#5bade5
```
#5bade5 rgb(91,173,229)
```
#54aeec
```
#54aeec rgb(84,174,236)
```
#4daff3
```
#4daff3 rgb(77,175,243)
```
#45b1fb
```
#45b1fb rgb(69,177,251)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#929fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ba6d2 Protanopia 1% of men
#98a5db Deuteranopia 1% of men
#67b2bf Tritanopia 0.001% of the population

Trichromacy

#89a7d3 Protanomaly 1% of men, 0.01% of women
#87a7d9 Deuteranomaly 6% of men, 0.4% of women
#68afc7 Tritanomaly 0.01% of the population

#6aaad6 hex color

#6aaad6 Color Information

#6aaad6 Color Conversion

Color Schemes with #6aaad6

Alternatives to #6aaad6

#6aaad6 Preview

Shades and Tints of #6aaad6

Tones of #6aaad6

Color Blindness Simulator