#6aa1ff hex color

In a RGB color space, hex #6aa1ff is composed of 41.6% red, 63.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 36.9% magenta, 0% yellow and 0% black. It has a hue angle of 217.9 degrees, a saturation of 100% and a lightness of 70.8%. #6aa1ff color hex could be obtained by blending #d4ffff with #0043ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 63
- B 100
RGB color chart
- C 58
- M 37
- Y 0
- K 0
CMYK color chart

● #6aa1ff color description : Very light blue.

The hexadecimal color #6aa1ff has RGB values of R:106, G:161, B:255 and CMYK values of C:0.58, M:0.37, Y:0, K:0. Its decimal value is 6988287.

Hex triplet	6aa1ff	`#6aa1ff`
RGB Decimal	106, 161, 255	`rgb(106,161,255)`
RGB Percent	41.6, 63.1, 100	`rgb(41.6%,63.1%,100%)`
CMYK	58, 37, 0, 0
HSL	217.9°, 100, 70.8	`hsl(217.9,100%,70.8%)`
HSV (or HSB)	217.9°, 58.4, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.345, 9.272, -52.153
XYZ	36.735, 35.772, 99.571
xyY	0.213, 0.208, 35.772
CIE-LCH	66.345, 52.971, 280.081
CIE-LUV	66.345, -25.303, -85.509
Hunter-Lab	59.81, 4.967, -56.84
Binary	01101010, 10100001, 11111111

#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#ffc86a
```
#ffc86a rgb(255,200,106)
```

Complementary Color

#6aecff
```
#6aecff rgb(106,236,255)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#7e6aff
```
#7e6aff rgb(126,106,255)
```

Analogous Color

#ecff6a
```
#ecff6a rgb(236,255,106)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#ff7e6a
```
#ff7e6a rgb(255,126,106)
```

Split Complementary Color

#a1ff6a
```
#a1ff6a rgb(161,255,106)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#ff6aa1
```
#ff6aa1 rgb(255,106,161)
```

Triadic Color

#6affc8
```
#6affc8 rgb(106,255,200)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#ff6aa1
```
#ff6aa1 rgb(255,106,161)
```
#ffc86a
```
#ffc86a rgb(255,200,106)
```

Tetradic Color

#1e71ff
```
#1e71ff rgb(30,113,255)
```
#3781ff
```
#3781ff rgb(55,129,255)
```
#5191ff
```
#5191ff rgb(81,145,255)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#84b1ff
```
#84b1ff rgb(132,177,255)
```
#9dc1ff
```
#9dc1ff rgb(157,193,255)
```
#b7d1ff
```
#b7d1ff rgb(183,209,255)
```

Monochromatic Color

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

#6ac6ff
```
#6ac6ff rgb(106,198,255)
```
#6abaff
```
#6abaff rgb(106,186,255)
```
#6aadff
```
#6aadff rgb(106,173,255)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#6a95ff
```
#6a95ff rgb(106,149,255)
```
#6a88ff
```
#6a88ff rgb(106,136,255)
```
#6a7cff
```
#6a7cff rgb(106,124,255)
```

Similar Colors

Text with hexadecimal color #6aa1ff

This text has a font color of #6aa1ff.

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

#6aa1ff background color

This paragraph has a background color of #6aa1ff.

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

#6aa1ff border color

This element has a border color of #6aa1ff.

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

CSS codes

.text {color:#6aa1ff;}

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

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

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

#000308
```
#000308 rgb(0,3,8)
```
#000a1c
```
#000a1c rgb(0,10,28)
```
#00112f
```
#00112f rgb(0,17,47)
```
#001943
```
#001943 rgb(0,25,67)
```
#002056
```
#002056 rgb(0,32,86)
```
#00276a
```
#00276a rgb(0,39,106)
```
#002e7e
```
#002e7e rgb(0,46,126)
```
#003691
```
#003691 rgb(0,54,145)
```
#003da5
```
#003da5 rgb(0,61,165)
```
#0044b8
```
#0044b8 rgb(0,68,184)
```
#004bcc
```
#004bcc rgb(0,75,204)
```
#0053e0
```
#0053e0 rgb(0,83,224)
```
#005af3
```
#005af3 rgb(0,90,243)
```

Shade Color Variation

#0863ff
```
#0863ff rgb(8,99,255)
```
#1c70ff
```
#1c70ff rgb(28,112,255)
```
#2f7cff
```
#2f7cff rgb(47,124,255)
```
#4388ff
```
#4388ff rgb(67,136,255)
```
#5695ff
```
#5695ff rgb(86,149,255)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```
#7eadff
```
#7eadff rgb(126,173,255)
```
#91baff
```
#91baff rgb(145,186,255)
```
#a5c6ff
```
#a5c6ff rgb(165,198,255)
```
#b8d2ff
```
#b8d2ff rgb(184,210,255)
```
#ccdfff
```
#ccdfff rgb(204,223,255)
```
#e0ebff
```
#e0ebff rgb(224,235,255)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

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

#afb3ba
```
#afb3ba rgb(175,179,186)
```
#a9b2c0
```
#a9b2c0 rgb(169,178,192)
```
#a3b0c6
```
#a3b0c6 rgb(163,176,198)
```
#9eafcb
```
#9eafcb rgb(158,175,203)
```
#98add1
```
#98add1 rgb(152,173,209)
```
#92acd7
```
#92acd7 rgb(146,172,215)
```
#8caadd
```
#8caadd rgb(140,170,221)
```
#87a9e2
```
#87a9e2 rgb(135,169,226)
```
#81a7e8
```
#81a7e8 rgb(129,167,232)
```
#7ba6ee
```
#7ba6ee rgb(123,166,238)
```
#75a4f4
```
#75a4f4 rgb(117,164,244)
```
#70a3f9
```
#70a3f9 rgb(112,163,249)
```
#6aa1ff
```
#6aa1ff rgb(106,161,255)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#919caf Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a3fc Protanopia 1% of men
#6da6fe Deuteranopia 1% of men
#4db3c0 Tritanopia 0.001% of the population

Trichromacy

#78a2fd Protanomaly 1% of men, 0.01% of women
#6ca4fe Deuteranomaly 6% of men, 0.4% of women
#58acd7 Tritanomaly 0.01% of the population

#6aa1ff hex color

#6aa1ff Color Information

#6aa1ff Color Conversion

Color Schemes with #6aa1ff

Alternatives to #6aa1ff

#6aa1ff Preview

Shades and Tints of #6aa1ff

Tones of #6aa1ff

Color Blindness Simulator