#6aa1dc hex color

In a RGB color space, hex #6aa1dc is composed of 41.6% red, 63.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 51.8% cyan, 26.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 211.1 degrees, a saturation of 62% and a lightness of 63.9%. #6aa1dc color hex could be obtained by blending #d4ffff with #0043b9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 63
- B 86
RGB color chart
- C 52
- M 27
- Y 0
- K 14
CMYK color chart

● #6aa1dc color description : Soft blue.

The hexadecimal color #6aa1dc has RGB values of R:106, G:161, B:220 and CMYK values of C:0.52, M:0.27, Y:0, K:0.14. Its decimal value is 6988252.

Hex triplet	6aa1dc	`#6aa1dc`
RGB Decimal	106, 161, 220	`rgb(106,161,220)`
RGB Percent	41.6, 63.1, 86.3	`rgb(41.6%,63.1%,86.3%)`
CMYK	52, 27, 0, 14
HSL	211.1°, 62, 63.9	`hsl(211.1,62%,63.9%)`
HSV (or HSB)	211.1°, 51.8, 86.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	64.739, -1.62, -35.479
XYZ	31.604, 33.719, 72.549
xyY	0.229, 0.245, 33.719
CIE-LCH	64.739, 35.516, 267.386
CIE-LUV	64.739, -25.594, -55.888
Hunter-Lab	58.068, -4.47, -33.428
Binary	01101010, 10100001, 11011100

#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#dca56a
```
#dca56a rgb(220,165,106)
```

Complementary Color

#6adadc
```
#6adadc rgb(106,218,220)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#6c6adc
```
#6c6adc rgb(108,106,220)
```

Analogous Color

#dadc6a
```
#dadc6a rgb(218,220,106)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#dc6c6a
```
#dc6c6a rgb(220,108,106)
```

Split Complementary Color

#a1dc6a
```
#a1dc6a rgb(161,220,106)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#dc6aa1
```
#dc6aa1 rgb(220,106,161)
```

Triadic Color

#6adca5
```
#6adca5 rgb(106,220,165)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#dc6aa1
```
#dc6aa1 rgb(220,106,161)
```
#dca56a
```
#dca56a rgb(220,165,106)
```

Tetradic Color

#2f7aca
```
#2f7aca rgb(47,122,202)
```
#4187d2
```
#4187d2 rgb(65,135,210)
```
#5594d7
```
#5594d7 rgb(85,148,215)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#7faee1
```
#7faee1 rgb(127,174,225)
```
#93bbe6
```
#93bbe6 rgb(147,187,230)
```
#a8c8eb
```
#a8c8eb rgb(168,200,235)
```

Monochromatic Color

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

#6abedc
```
#6abedc rgb(106,190,220)
```
#6ab4dc
```
#6ab4dc rgb(106,180,220)
```
#6aabdc
```
#6aabdc rgb(106,171,220)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#6a98dc
```
#6a98dc rgb(106,152,220)
```
#6a8edc
```
#6a8edc rgb(106,142,220)
```
#6a85dc
```
#6a85dc rgb(106,133,220)
```

Similar Colors

Text with hexadecimal color #6aa1dc

This text has a font color of #6aa1dc.

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

#6aa1dc background color

This paragraph has a background color of #6aa1dc.

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

#6aa1dc border color

This element has a border color of #6aa1dc.

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

CSS codes

.text {color:#6aa1dc;}

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

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

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

#02060a
```
#02060a rgb(2,6,10)
```
#06101a
```
#06101a rgb(6,16,26)
```
#0a192a
```
#0a192a rgb(10,25,42)
```
#0e2339
```
#0e2339 rgb(14,35,57)
```
#112c49
```
#112c49 rgb(17,44,73)
```
#153659
```
#153659 rgb(21,54,89)
```
#194069
```
#194069 rgb(25,64,105)
```
#1c4979
```
#1c4979 rgb(28,73,121)
```
#205389
```
#205389 rgb(32,83,137)
```
#245c99
```
#245c99 rgb(36,92,153)
```
#2866a9
```
#2866a9 rgb(40,102,169)
```
#2b6fb9
```
#2b6fb9 rgb(43,111,185)
```
#2f79c8
```
#2f79c8 rgb(47,121,200)
```

Shade Color Variation

#3a83d1
```
#3a83d1 rgb(58,131,209)
```
#4a8dd5
```
#4a8dd5 rgb(74,141,213)
```
#5a97d8
```
#5a97d8 rgb(90,151,216)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#7aabe0
```
#7aabe0 rgb(122,171,224)
```
#8ab5e3
```
#8ab5e3 rgb(138,181,227)
```
#9abfe7
```
#9abfe7 rgb(154,191,231)
```
#aac9eb
```
#aac9eb rgb(170,201,235)
```
#b9d3ef
```
#b9d3ef rgb(185,211,239)
```
#c9ddf2
```
#c9ddf2 rgb(201,221,242)
```
#d9e7f6
```
#d9e7f6 rgb(217,231,246)
```
#e9f1fa
```
#e9f1fa rgb(233,241,250)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#a3a3a3
```
#a3a3a3 rgb(163,163,163)
```
#9ca3aa
```
#9ca3aa rgb(156,163,170)
```
#94a2b2
```
#94a2b2 rgb(148,162,178)
```
#8da2b9
```
#8da2b9 rgb(141,162,185)
```
#86a2c0
```
#86a2c0 rgb(134,162,192)
```
#7fa2c7
```
#7fa2c7 rgb(127,162,199)
```
#78a1ce
```
#78a1ce rgb(120,161,206)
```
#71a1d5
```
#71a1d5 rgb(113,161,213)
```
#6aa1dc
```
#6aa1dc rgb(106,161,220)
```
#63a1e3
```
#63a1e3 rgb(99,161,227)
```
#5ca1ea
```
#5ca1ea rgb(92,161,234)
```
#55a0f1
```
#55a0f1 rgb(85,160,241)
```
#4ea0f8
```
#4ea0f8 rgb(78,160,248)
```

Tone Color Variation

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

#8fa0d9 Protanopia 1% of men
#89a0df Deuteranopia 1% of men
#61adb9 Tritanopia 0.001% of the population

Trichromacy

#81a0da Protanomaly 1% of men, 0.01% of women
#7da0de Deuteranomaly 6% of men, 0.4% of women
#64a8c6 Tritanomaly 0.01% of the population

#6aa1dc hex color

#6aa1dc Color Information

#6aa1dc Color Conversion

Color Schemes with #6aa1dc

Alternatives to #6aa1dc

#6aa1dc Preview

Shades and Tints of #6aa1dc

Tones of #6aa1dc

Color Blindness Simulator