#6aa1fb hex color

In a RGB color space, hex #6aa1fb is composed of 41.6% red, 63.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 57.8% cyan, 35.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 217.2 degrees, a saturation of 94.8% and a lightness of 70%. #6aa1fb color hex could be obtained by blending #d4ffff with #0043f7. Closest websafe color is: #6699ff.

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

● #6aa1fb color description : Soft blue.

The hexadecimal color #6aa1fb has RGB values of R:106, G:161, B:251 and CMYK values of C:0.58, M:0.36, Y:0, K:0.02. Its decimal value is 6988283.

Hex triplet	6aa1fb	`#6aa1fb`
RGB Decimal	106, 161, 251	`rgb(106,161,251)`
RGB Percent	41.6, 63.1, 98.4	`rgb(41.6%,63.1%,98.4%)`
CMYK	58, 36, 0, 2
HSL	217.2°, 94.8, 70	`hsl(217.2,94.8%,70%)`
HSV (or HSB)	217.2°, 57.8, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.149, 7.999, -50.285
XYZ	36.097, 35.517, 96.215
xyY	0.215, 0.212, 35.517
CIE-LCH	66.149, 50.917, 279.038
CIE-LUV	66.149, -25.329, -82.178
Hunter-Lab	59.596, 3.825, -54.003
Binary	01101010, 10100001, 11111011

#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#fbc46a
```
#fbc46a rgb(251,196,106)
```

Complementary Color

#6aeafb
```
#6aeafb rgb(106,234,251)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#7c6afb
```
#7c6afb rgb(124,106,251)
```

Analogous Color

#eafb6a
```
#eafb6a rgb(234,251,106)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#fb7c6a
```
#fb7c6a rgb(251,124,106)
```

Split Complementary Color

#a1fb6a
```
#a1fb6a rgb(161,251,106)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#fb6aa1
```
#fb6aa1 rgb(251,106,161)
```

Triadic Color

#6afbc4
```
#6afbc4 rgb(106,251,196)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#fb6aa1
```
#fb6aa1 rgb(251,106,161)
```
#fbc46a
```
#fbc46a rgb(251,196,106)
```

Tetradic Color

#2072f9
```
#2072f9 rgb(32,114,249)
```
#3882fa
```
#3882fa rgb(56,130,250)
```
#5191fa
```
#5191fa rgb(81,145,250)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#83b1fc
```
#83b1fc rgb(131,177,252)
```
#9cc0fc
```
#9cc0fc rgb(156,192,252)
```
#b5d0fd
```
#b5d0fd rgb(181,208,253)
```

Monochromatic Color

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

#6ac5fb
```
#6ac5fb rgb(106,197,251)
```
#6ab9fb
```
#6ab9fb rgb(106,185,251)
```
#6aadfb
```
#6aadfb rgb(106,173,251)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#6a95fb
```
#6a95fb rgb(106,149,251)
```
#6a89fb
```
#6a89fb rgb(106,137,251)
```
#6a7dfb
```
#6a7dfb rgb(106,125,251)
```

Similar Colors

Text with hexadecimal color #6aa1fb

This text has a font color of #6aa1fb.

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

#6aa1fb background color

This paragraph has a background color of #6aa1fb.

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

#6aa1fb border color

This element has a border color of #6aa1fb.

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

CSS codes

.text {color:#6aa1fb;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010917
```
#010917 rgb(1,9,23)
```
#01112a
```
#01112a rgb(1,17,42)
```
#02183d
```
#02183d rgb(2,24,61)
```
#022050
```
#022050 rgb(2,32,80)
```
#032763
```
#032763 rgb(3,39,99)
```
#032f76
```
#032f76 rgb(3,47,118)
```
#04368a
```
#04368a rgb(4,54,138)
```
#043e9d
```
#043e9d rgb(4,62,157)
```
#0546b0
```
#0546b0 rgb(5,70,176)
```
#054dc3
```
#054dc3 rgb(5,77,195)
```
#0655d6
```
#0655d6 rgb(6,85,214)
```
#065ce9
```
#065ce9 rgb(6,92,233)
```

Shade Color Variation

#0a65f8
```
#0a65f8 rgb(10,101,248)
```
#1e71f9
```
#1e71f9 rgb(30,113,249)
```
#317df9
```
#317df9 rgb(49,125,249)
```
#4489fa
```
#4489fa rgb(68,137,250)
```
#5795fa
```
#5795fa rgb(87,149,250)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```
#7dadfc
```
#7dadfc rgb(125,173,252)
```
#90b9fc
```
#90b9fc rgb(144,185,252)
```
#a3c5fd
```
#a3c5fd rgb(163,197,253)
```
#b6d1fd
```
#b6d1fd rgb(182,209,253)
```
#caddfe
```
#caddfe rgb(202,221,254)
```
#dde9fe
```
#dde9fe rgb(221,233,254)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#b1b2b4
```
#b1b2b4 rgb(177,178,180)
```
#abb1ba
```
#abb1ba rgb(171,177,186)
```
#a5afc0
```
#a5afc0 rgb(165,175,192)
```
#9faec6
```
#9faec6 rgb(159,174,198)
```
#99accc
```
#99accc rgb(153,172,204)
```
#93abd2
```
#93abd2 rgb(147,171,210)
```
#8daad8
```
#8daad8 rgb(141,170,216)
```
#87a8de
```
#87a8de rgb(135,168,222)
```
#82a7e3
```
#82a7e3 rgb(130,167,227)
```
#7ca5e9
```
#7ca5e9 rgb(124,165,233)
```
#76a4ef
```
#76a4ef rgb(118,164,239)
```
#70a2f5
```
#70a2f5 rgb(112,162,245)
```
#6aa1fb
```
#6aa1fb rgb(106,161,251)
```

Tone Color Variation

Below, you can see how #6aa1fb 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
#919cae Atypical Achromatopsia 0.001% of the population

Dichromacy

#83a2f8 Protanopia 1% of men
#71a5fb Deuteranopia 1% of men
#50b2bf Tritanopia 0.001% of the population

Trichromacy

#7aa2f9 Protanomaly 1% of men, 0.01% of women
#6ea4fb Deuteranomaly 6% of men, 0.4% of women
#59acd5 Tritanomaly 0.01% of the population

#6aa1fb hex color

#6aa1fb Color Information

#6aa1fb Color Conversion

Color Schemes with #6aa1fb

Alternatives to #6aa1fb

#6aa1fb Preview

Shades and Tints of #6aa1fb

Tones of #6aa1fb

Color Blindness Simulator