#6fa5fe hex color

In a RGB color space, hex #6fa5fe is composed of 43.5% red, 64.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 56.3% cyan, 35% magenta, 0% yellow and 0.4% black. It has a hue angle of 217.3 degrees, a saturation of 98.6% and a lightness of 71.6%. #6fa5fe color hex could be obtained by blending #deffff with #004bfd. Closest websafe color is: #6699ff.

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

● #6fa5fe color description : Soft blue.

The hexadecimal color #6fa5fe has RGB values of R:111, G:165, B:254 and CMYK values of C:0.56, M:0.35, Y:0, K:0. Its decimal value is 7316990.

Hex triplet	6fa5fe	`#6fa5fe`
RGB Decimal	111, 165, 254	`rgb(111,165,254)`
RGB Percent	43.5, 64.7, 99.6	`rgb(43.5%,64.7%,99.6%)`
CMYK	56, 35, 0, 0
HSL	217.3°, 98.6, 71.6	`hsl(217.3,98.6%,71.6%)`
HSV (or HSB)	217.3°, 56.3, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.608, 7.625, -49.598
XYZ	37.896, 37.443, 98.991
xyY	0.217, 0.215, 37.443
CIE-LCH	67.608, 50.18, 278.741
CIE-LUV	67.608, -25.276, -81.254
Hunter-Lab	61.191, 3.462, -53.082
Binary	01101111, 10100101, 11111110

#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#fec86f
```
#fec86f rgb(254,200,111)
```

Complementary Color

#6fedfe
```
#6fedfe rgb(111,237,254)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#816ffe
```
#816ffe rgb(129,111,254)
```

Analogous Color

#edfe6f
```
#edfe6f rgb(237,254,111)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#fe816f
```
#fe816f rgb(254,129,111)
```

Split Complementary Color

#a5fe6f
```
#a5fe6f rgb(165,254,111)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#fe6fa5
```
#fe6fa5 rgb(254,111,165)
```

Triadic Color

#6ffec8
```
#6ffec8 rgb(111,254,200)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#fe6fa5
```
#fe6fa5 rgb(254,111,165)
```
#fec86f
```
#fec86f rgb(254,200,111)
```

Tetradic Color

#2376fd
```
#2376fd rgb(35,118,253)
```
#3c85fe
```
#3c85fe rgb(60,133,254)
```
#5695fe
```
#5695fe rgb(86,149,254)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#88b5fe
```
#88b5fe rgb(136,181,254)
```
#a2c5fe
```
#a2c5fe rgb(162,197,254)
```
#bbd4ff
```
#bbd4ff rgb(187,212,255)
```

Monochromatic Color

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

#6fc9fe
```
#6fc9fe rgb(111,201,254)
```
#6fbdfe
```
#6fbdfe rgb(111,189,254)
```
#6fb1fe
```
#6fb1fe rgb(111,177,254)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#6f99fe
```
#6f99fe rgb(111,153,254)
```
#6f8dfe
```
#6f8dfe rgb(111,141,254)
```
#6f81fe
```
#6f81fe rgb(111,129,254)
```

Similar Colors

Text with hexadecimal color #6fa5fe

This text has a font color of #6fa5fe.

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

#6fa5fe background color

This paragraph has a background color of #6fa5fe.

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

#6fa5fe border color

This element has a border color of #6fa5fe.

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

CSS codes

.text {color:#6fa5fe;}

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

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

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

#00050c
```
#00050c rgb(0,5,12)
```
#000c1f
```
#000c1f rgb(0,12,31)
```
#001333
```
#001333 rgb(0,19,51)
```
#001b46
```
#001b46 rgb(0,27,70)
```
#01225a
```
#01225a rgb(1,34,90)
```
#012a6d
```
#012a6d rgb(1,42,109)
```
#013181
```
#013181 rgb(1,49,129)
```
#013994
```
#013994 rgb(1,57,148)
```
#0140a8
```
#0140a8 rgb(1,64,168)
```
#0147bb
```
#0147bb rgb(1,71,187)
```
#014fcf
```
#014fcf rgb(1,79,207)
```
#0256e2
```
#0256e2 rgb(2,86,226)
```
#025ef6
```
#025ef6 rgb(2,94,246)
```

Shade Color Variation

#0e68fd
```
#0e68fd rgb(14,104,253)
```
#2174fd
```
#2174fd rgb(33,116,253)
```
#3580fe
```
#3580fe rgb(53,128,254)
```
#488dfe
```
#488dfe rgb(72,141,254)
```
#5c99fe
```
#5c99fe rgb(92,153,254)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```
#82b1fe
```
#82b1fe rgb(130,177,254)
```
#96bdfe
```
#96bdfe rgb(150,189,254)
```
#a9cafe
```
#a9cafe rgb(169,202,254)
```
#bdd6ff
```
#bdd6ff rgb(189,214,255)
```
#d0e2ff
```
#d0e2ff rgb(208,226,255)
```
#e4eeff
```
#e4eeff rgb(228,238,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#b2b5bb
```
#b2b5bb rgb(178,181,187)
```
#acb4c1
```
#acb4c1 rgb(172,180,193)
```
#a7b3c6
```
#a7b3c6 rgb(167,179,198)
```
#a1b1cc
```
#a1b1cc rgb(161,177,204)
```
#9cb0d1
```
#9cb0d1 rgb(156,176,209)
```
#96afd7
```
#96afd7 rgb(150,175,215)
```
#90addd
```
#90addd rgb(144,173,221)
```
#8bace2
```
#8bace2 rgb(139,172,226)
```
#85aae8
```
#85aae8 rgb(133,170,232)
```
#80a9ed
```
#80a9ed rgb(128,169,237)
```
#7aa8f3
```
#7aa8f3 rgb(122,168,243)
```
#75a6f8
```
#75a6f8 rgb(117,166,248)
```
#6fa5fe
```
#6fa5fe rgb(111,165,254)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#95a0b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#88a6fb Protanopia 1% of men
#78a9fe Deuteranopia 1% of men
#57b6c3 Tritanopia 0.001% of the population

Trichromacy

#7ea6fc Protanomaly 1% of men, 0.01% of women
#74a7fe Deuteranomaly 6% of men, 0.4% of women
#60b0d8 Tritanomaly 0.01% of the population

#6fa5fe hex color

#6fa5fe Color Information

#6fa5fe Color Conversion

Color Schemes with #6fa5fe

Alternatives to #6fa5fe

#6fa5fe Preview

Shades and Tints of #6fa5fe

Tones of #6fa5fe

Color Blindness Simulator