#6faaff hex color

In a RGB color space, hex #6faaff is composed of 43.5% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 215.4 degrees, a saturation of 100% and a lightness of 71.8%. #6faaff color hex could be obtained by blending #deffff with #0055ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 67
- B 100
RGB color chart
- C 56
- M 33
- Y 0
- K 0
CMYK color chart

● #6faaff color description : Very light blue.

The hexadecimal color #6faaff has RGB values of R:111, G:170, B:255 and CMYK values of C:0.56, M:0.33, Y:0, K:0. Its decimal value is 7318271.

Hex triplet	6faaff	`#6faaff`
RGB Decimal	111, 170, 255	`rgb(111,170,255)`
RGB Percent	43.5, 66.7, 100	`rgb(43.5%,66.7%,100%)`
CMYK	56, 33, 0, 0
HSL	215.4°, 100, 71.8	`hsl(215.4,100%,71.8%)`
HSV (or HSB)	215.4°, 56.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.002, 5.083, -47.944
XYZ	38.976, 39.347, 100.143
xyY	0.218, 0.22, 39.347
CIE-LCH	69.002, 48.213, 276.052
CIE-LUV	69.002, -27.027, -78.4
Hunter-Lab	62.727, 1.141, -50.747
Binary	01101111, 10101010, 11111111

#6faaff
```
#6faaff rgb(111,170,255)
```
#ffc46f
```
#ffc46f rgb(255,196,111)
```

Complementary Color

#6ff2ff
```
#6ff2ff rgb(111,242,255)
```
#6faaff
```
#6faaff rgb(111,170,255)
```
#7c6fff
```
#7c6fff rgb(124,111,255)
```

Analogous Color

#f2ff6f
```
#f2ff6f rgb(242,255,111)
```
#6faaff
```
#6faaff rgb(111,170,255)
```
#ff7c6f
```
#ff7c6f rgb(255,124,111)
```

Split Complementary Color

#aaff6f
```
#aaff6f rgb(170,255,111)
```
#6faaff
```
#6faaff rgb(111,170,255)
```
#ff6faa
```
#ff6faa rgb(255,111,170)
```

Triadic Color

#6fffc4
```
#6fffc4 rgb(111,255,196)
```
#6faaff
```
#6faaff rgb(111,170,255)
```
#ff6faa
```
#ff6faa rgb(255,111,170)
```
#ffc46f
```
#ffc46f rgb(255,196,111)
```

Tetradic Color

#237dff
```
#237dff rgb(35,125,255)
```
#3c8cff
```
#3c8cff rgb(60,140,255)
```
#569bff
```
#569bff rgb(86,155,255)
```
#6faaff
```
#6faaff rgb(111,170,255)
```
#89b9ff
```
#89b9ff rgb(137,185,255)
```
#a2c8ff
```
#a2c8ff rgb(162,200,255)
```
#bcd7ff
```
#bcd7ff rgb(188,215,255)
```

Monochromatic Color

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

#6fceff
```
#6fceff rgb(111,206,255)
```
#6fc2ff
```
#6fc2ff rgb(111,194,255)
```
#6fb6ff
```
#6fb6ff rgb(111,182,255)
```
#6faaff
```
#6faaff rgb(111,170,255)
```
#6f9eff
```
#6f9eff rgb(111,158,255)
```
#6f92ff
```
#6f92ff rgb(111,146,255)
```
#6f86ff
```
#6f86ff rgb(111,134,255)
```

Similar Colors

Text with hexadecimal color #6faaff

This text has a font color of #6faaff.

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

#6faaff background color

This paragraph has a background color of #6faaff.

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

#6faaff border color

This element has a border color of #6faaff.

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

CSS codes

.text {color:#6faaff;}

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

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

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, #00050d is the darkest color, while #f8fbff is the lightest one.

#00050d
```
#00050d rgb(0,5,13)
```
#000d21
```
#000d21 rgb(0,13,33)
```
#001534
```
#001534 rgb(0,21,52)
```
#001d48
```
#001d48 rgb(0,29,72)
```
#00255b
```
#00255b rgb(0,37,91)
```
#002d6f
```
#002d6f rgb(0,45,111)
```
#003683
```
#003683 rgb(0,54,131)
```
#003e96
```
#003e96 rgb(0,62,150)
```
#0046aa
```
#0046aa rgb(0,70,170)
```
#004ebd
```
#004ebd rgb(0,78,189)
```
#0056d1
```
#0056d1 rgb(0,86,209)
```
#005ee5
```
#005ee5 rgb(0,94,229)
```
#0066f8
```
#0066f8 rgb(0,102,248)
```

Shade Color Variation

#0d70ff
```
#0d70ff rgb(13,112,255)
```
#217cff
```
#217cff rgb(33,124,255)
```
#3487ff
```
#3487ff rgb(52,135,255)
```
#4893ff
```
#4893ff rgb(72,147,255)
```
#5b9eff
```
#5b9eff rgb(91,158,255)
```
#6faaff
```
#6faaff rgb(111,170,255)
```
#83b6ff
```
#83b6ff rgb(131,182,255)
```
#96c1ff
```
#96c1ff rgb(150,193,255)
```
#aacdff
```
#aacdff rgb(170,205,255)
```
#bdd8ff
```
#bdd8ff rgb(189,216,255)
```
#d1e4ff
```
#d1e4ff rgb(209,228,255)
```
#e5efff
```
#e5efff rgb(229,239,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#b1b6bd
```
#b1b6bd rgb(177,182,189)
```
#acb5c2
```
#acb5c2 rgb(172,181,194)
```
#a6b4c8
```
#a6b4c8 rgb(166,180,200)
```
#a1b3cd
```
#a1b3cd rgb(161,179,205)
```
#9bb2d3
```
#9bb2d3 rgb(155,178,211)
```
#96b1d8
```
#96b1d8 rgb(150,177,216)
```
#90b0de
```
#90b0de rgb(144,176,222)
```
#8bafe3
```
#8bafe3 rgb(139,175,227)
```
#85aee9
```
#85aee9 rgb(133,174,233)
```
#80adee
```
#80adee rgb(128,173,238)
```
#7aacf4
```
#7aacf4 rgb(122,172,244)
```
#75abf9
```
#75abf9 rgb(117,171,249)
```
#6faaff
```
#6faaff rgb(111,170,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#98a4b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8eaafb Protanopia 1% of men
#80acff Deuteranopia 1% of men
#59bac7 Tritanopia 0.001% of the population

Trichromacy

#82aafc Protanomaly 1% of men, 0.01% of women
#79abff Deuteranomaly 6% of men, 0.4% of women
#61b4db Tritanomaly 0.01% of the population

#6faaff hex color

#6faaff Color Information

#6faaff Color Conversion

Color Schemes with #6faaff

Alternatives to #6faaff

#6faaff Preview

Shades and Tints of #6faaff

Tones of #6faaff

Color Blindness Simulator