#6aa7fa hex color

In a RGB color space, hex #6aa7fa is composed of 41.6% red, 65.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 33.2% magenta, 0% yellow and 2% black. It has a hue angle of 214.6 degrees, a saturation of 93.5% and a lightness of 69.8%. #6aa7fa color hex could be obtained by blending #d4ffff with #004ff5. Closest websafe color is: #6699ff.

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

● #6aa7fa color description : Soft blue.

The hexadecimal color #6aa7fa has RGB values of R:106, G:167, B:250 and CMYK values of C:0.58, M:0.33, Y:0, K:0.02. Its decimal value is 6989818.

Hex triplet	6aa7fa	`#6aa7fa`
RGB Decimal	106, 167, 250	`rgb(106,167,250)`
RGB Percent	41.6, 65.5, 98	`rgb(41.6%,65.5%,98%)`
CMYK	58, 33, 0, 2
HSL	214.6°, 93.5, 69.8	`hsl(214.6,93.5%,69.8%)`
HSV (or HSB)	214.6°, 57.6, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.726, 4.241, -47.253
XYZ	37.014, 37.602, 95.745
xyY	0.217, 0.221, 37.602
CIE-LCH	67.726, 47.443, 275.129
CIE-LUV	67.726, -27.435, -76.911
Hunter-Lab	61.32, 0.436, -49.651
Binary	01101010, 10100111, 11111010

#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#fabd6a
```
#fabd6a rgb(250,189,106)
```

Complementary Color

#6aeffa
```
#6aeffa rgb(106,239,250)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#756afa
```
#756afa rgb(117,106,250)
```

Analogous Color

#effa6a
```
#effa6a rgb(239,250,106)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#fa756a
```
#fa756a rgb(250,117,106)
```

Split Complementary Color

#a7fa6a
```
#a7fa6a rgb(167,250,106)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#fa6aa7
```
#fa6aa7 rgb(250,106,167)
```

Triadic Color

#6afabd
```
#6afabd rgb(106,250,189)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#fa6aa7
```
#fa6aa7 rgb(250,106,167)
```
#fabd6a
```
#fabd6a rgb(250,189,106)
```

Tetradic Color

#207bf8
```
#207bf8 rgb(32,123,248)
```
#398af8
```
#398af8 rgb(57,138,248)
```
#5198f9
```
#5198f9 rgb(81,152,249)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#83b6fb
```
#83b6fb rgb(131,182,251)
```
#9bc4fc
```
#9bc4fc rgb(155,196,252)
```
#b4d3fc
```
#b4d3fc rgb(180,211,252)
```

Monochromatic Color

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

#6acbfa
```
#6acbfa rgb(106,203,250)
```
#6abffa
```
#6abffa rgb(106,191,250)
```
#6ab3fa
```
#6ab3fa rgb(106,179,250)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#6a9bfa
```
#6a9bfa rgb(106,155,250)
```
#6a8ffa
```
#6a8ffa rgb(106,143,250)
```
#6a83fa
```
#6a83fa rgb(106,131,250)
```

Similar Colors

Text with hexadecimal color #6aa7fa

This text has a font color of #6aa7fa.

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

#6aa7fa background color

This paragraph has a background color of #6aa7fa.

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

#6aa7fa border color

This element has a border color of #6aa7fa.

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

CSS codes

.text {color:#6aa7fa;}

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

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

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

#000103
```
#000103 rgb(0,1,3)
```
#010a16
```
#010a16 rgb(1,10,22)
```
#011229
```
#011229 rgb(1,18,41)
```
#021a3c
```
#021a3c rgb(2,26,60)
```
#03234f
```
#03234f rgb(3,35,79)
```
#032b62
```
#032b62 rgb(3,43,98)
```
#043475
```
#043475 rgb(4,52,117)
```
#053c88
```
#053c88 rgb(5,60,136)
```
#05459b
```
#05459b rgb(5,69,155)
```
#064dae
```
#064dae rgb(6,77,174)
```
#0655c1
```
#0655c1 rgb(6,85,193)
```
#075ed4
```
#075ed4 rgb(7,94,212)
```
#0866e7
```
#0866e7 rgb(8,102,231)
```

Shade Color Variation

#0b6ff7
```
#0b6ff7 rgb(11,111,247)
```
#1e7af7
```
#1e7af7 rgb(30,122,247)
```
#3185f8
```
#3185f8 rgb(49,133,248)
```
#4491f9
```
#4491f9 rgb(68,145,249)
```
#579cf9
```
#579cf9 rgb(87,156,249)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```
#7db2fb
```
#7db2fb rgb(125,178,251)
```
#90bdfb
```
#90bdfb rgb(144,189,251)
```
#a3c9fc
```
#a3c9fc rgb(163,201,252)
```
#b6d4fd
```
#b6d4fd rgb(182,212,253)
```
#c9dffd
```
#c9dffd rgb(201,223,253)
```
#dceafe
```
#dceafe rgb(220,234,254)
```
#eff5fe
```
#eff5fe rgb(239,245,254)
```

Tint Color Variation

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

#b1b2b3
```
#b1b2b3 rgb(177,178,179)
```
#abb1b9
```
#abb1b9 rgb(171,177,185)
```
#a5b0bf
```
#a5b0bf rgb(165,176,191)
```
#9fafc5
```
#9fafc5 rgb(159,175,197)
```
#99aecb
```
#99aecb rgb(153,174,203)
```
#93add1
```
#93add1 rgb(147,173,209)
```
#8eacd6
```
#8eacd6 rgb(142,172,214)
```
#88acdc
```
#88acdc rgb(136,172,220)
```
#82abe2
```
#82abe2 rgb(130,171,226)
```
#7caae8
```
#7caae8 rgb(124,170,232)
```
#76a9ee
```
#76a9ee rgb(118,169,238)
```
#70a8f4
```
#70a8f4 rgb(112,168,244)
```
#6aa7fa
```
#6aa7fa rgb(106,167,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#94a0b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ba7f6 Protanopia 1% of men
#7ca9fb Deuteranopia 1% of men
#54b7c4 Tritanopia 0.001% of the population

Trichromacy

#7fa7f7 Protanomaly 1% of men, 0.01% of women
#76a8fa Deuteranomaly 6% of men, 0.4% of women
#5cb1d7 Tritanomaly 0.01% of the population

#6aa7fa hex color

#6aa7fa Color Information

#6aa7fa Color Conversion

Color Schemes with #6aa7fa

Alternatives to #6aa7fa

#6aa7fa Preview

Shades and Tints of #6aa7fa

Tones of #6aa7fa

Color Blindness Simulator