#6aa0dd hex color

In a RGB color space, hex #6aa0dd is composed of 41.6% red, 62.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 27.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.8 degrees, a saturation of 62.8% and a lightness of 64.1%. #6aa0dd color hex could be obtained by blending #d4ffff with #0041bb. Closest websafe color is: #6699cc.

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

● #6aa0dd color description : Soft blue.

The hexadecimal color #6aa0dd has RGB values of R:106, G:160, B:221 and CMYK values of C:0.52, M:0.28, Y:0, K:0.13. Its decimal value is 6987997.

Hex triplet	6aa0dd	`#6aa0dd`
RGB Decimal	106, 160, 221	`rgb(106,160,221)`
RGB Percent	41.6, 62.7, 86.7	`rgb(41.6%,62.7%,86.7%)`
CMYK	52, 28, 0, 13
HSL	211.8°, 62.8, 64.1	`hsl(211.8,62.8%,64.1%)`
HSV (or HSB)	211.8°, 52, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.503, -0.752, -36.399
XYZ	31.563, 33.425, 73.191
xyY	0.228, 0.242, 33.425
CIE-LCH	64.503, 36.407, 268.816
CIE-LUV	64.503, -25.211, -57.504
Hunter-Lab	57.814, -3.725, -34.59
Binary	01101010, 10100000, 11011101

#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#dda76a
```
#dda76a rgb(221,167,106)
```

Complementary Color

#6adadd
```
#6adadd rgb(106,218,221)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#6e6add
```
#6e6add rgb(110,106,221)
```

Analogous Color

#dadd6a
```
#dadd6a rgb(218,221,106)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#dd6e6a
```
#dd6e6a rgb(221,110,106)
```

Split Complementary Color

#a0dd6a
```
#a0dd6a rgb(160,221,106)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#dd6aa0
```
#dd6aa0 rgb(221,106,160)
```

Triadic Color

#6adda7
```
#6adda7 rgb(106,221,167)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#dd6aa0
```
#dd6aa0 rgb(221,106,160)
```
#dda76a
```
#dda76a rgb(221,167,106)
```

Tetradic Color

#2f78cc
```
#2f78cc rgb(47,120,204)
```
#4086d4
```
#4086d4 rgb(64,134,212)
```
#5593d8
```
#5593d8 rgb(85,147,216)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#7fade2
```
#7fade2 rgb(127,173,226)
```
#94bae6
```
#94bae6 rgb(148,186,230)
```
#a8c8eb
```
#a8c8eb rgb(168,200,235)
```

Monochromatic Color

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

#6abddd
```
#6abddd rgb(106,189,221)
```
#6ab3dd
```
#6ab3dd rgb(106,179,221)
```
#6aaadd
```
#6aaadd rgb(106,170,221)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#6a96dd
```
#6a96dd rgb(106,150,221)
```
#6a8ddd
```
#6a8ddd rgb(106,141,221)
```
#6a83dd
```
#6a83dd rgb(106,131,221)
```

Similar Colors

Text with hexadecimal color #6aa0dd

This text has a font color of #6aa0dd.

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

#6aa0dd background color

This paragraph has a background color of #6aa0dd.

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

#6aa0dd border color

This element has a border color of #6aa0dd.

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

CSS codes

.text {color:#6aa0dd;}

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

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

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, #02060b is the darkest color, while #fafcfe is the lightest one.

#02060b
```
#02060b rgb(2,6,11)
```
#06101b
```
#06101b rgb(6,16,27)
```
#0a192b
```
#0a192b rgb(10,25,43)
```
#0d233b
```
#0d233b rgb(13,35,59)
```
#112c4b
```
#112c4b rgb(17,44,75)
```
#15355b
```
#15355b rgb(21,53,91)
```
#183f6b
```
#183f6b rgb(24,63,107)
```
#1c487b
```
#1c487b rgb(28,72,123)
```
#20528a
```
#20528a rgb(32,82,138)
```
#235b9a
```
#235b9a rgb(35,91,154)
```
#2765aa
```
#2765aa rgb(39,101,170)
```
#2b6eba
```
#2b6eba rgb(43,110,186)
```
#2e78ca
```
#2e78ca rgb(46,120,202)
```

Shade Color Variation

#3a81d2
```
#3a81d2 rgb(58,129,210)
```
#4a8cd6
```
#4a8cd6 rgb(74,140,214)
```
#5a96d9
```
#5a96d9 rgb(90,150,217)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#7aaae1
```
#7aaae1 rgb(122,170,225)
```
#8ab4e4
```
#8ab4e4 rgb(138,180,228)
```
#9abfe8
```
#9abfe8 rgb(154,191,232)
```
#aac9ec
```
#aac9ec rgb(170,201,236)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#caddf3
```
#caddf3 rgb(202,221,243)
```
#dae7f7
```
#dae7f7 rgb(218,231,247)
```
#eaf1fa
```
#eaf1fa rgb(234,241,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#a2a3a5
```
#a2a3a5 rgb(162,163,165)
```
#9ba3ac
```
#9ba3ac rgb(155,163,172)
```
#94a3b3
```
#94a3b3 rgb(148,163,179)
```
#8da2ba
```
#8da2ba rgb(141,162,186)
```
#86a2c1
```
#86a2c1 rgb(134,162,193)
```
#7fa1c8
```
#7fa1c8 rgb(127,161,200)
```
#78a1cf
```
#78a1cf rgb(120,161,207)
```
#71a0d6
```
#71a0d6 rgb(113,160,214)
```
#6aa0dd
```
#6aa0dd rgb(106,160,221)
```
#63a0e4
```
#63a0e4 rgb(99,160,228)
```
#5c9feb
```
#5c9feb rgb(92,159,235)
```
#559ff2
```
#559ff2 rgb(85,159,242)
```
#4e9ef9
```
#4e9ef9 rgb(78,158,249)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8e99a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e9fda Protanopia 1% of men
#87a0e0 Deuteranopia 1% of men
#61acb9 Tritanopia 0.001% of the population

Trichromacy

#809fdb Protanomaly 1% of men, 0.01% of women
#7ca0df Deuteranomaly 6% of men, 0.4% of women
#64a7c6 Tritanomaly 0.01% of the population

#6aa0dd hex color

#6aa0dd Color Information

#6aa0dd Color Conversion

Color Schemes with #6aa0dd

Alternatives to #6aa0dd

#6aa0dd Preview

Shades and Tints of #6aa0dd

Tones of #6aa0dd

Color Blindness Simulator