#6fa5fc hex color

In a RGB color space, hex #6fa5fc is composed of 43.5% red, 64.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 34.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 217 degrees, a saturation of 95.9% and a lightness of 71.2%. #6fa5fc color hex could be obtained by blending #deffff with #004bf9. Closest websafe color is: #6699ff.

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

● #6fa5fc color description : Soft blue.

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

Hex triplet	6fa5fc	`#6fa5fc`
RGB Decimal	111, 165, 252	`rgb(111,165,252)`
RGB Percent	43.5, 64.7, 98.8	`rgb(43.5%,64.7%,98.8%)`
CMYK	56, 35, 0, 1
HSL	217°, 95.9, 71.2	`hsl(217,95.9%,71.2%)`
HSV (or HSB)	217°, 56, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.513, 7, -48.66
XYZ	37.577, 37.316, 97.313
xyY	0.218, 0.217, 37.316
CIE-LCH	67.513, 49.161, 278.187
CIE-LUV	67.513, -25.287, -79.577
Hunter-Lab	61.087, 2.902, -51.69
Binary	01101111, 10100101, 11111100

#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#fcc66f
```
#fcc66f rgb(252,198,111)
```

Complementary Color

#6fecfc
```
#6fecfc rgb(111,236,252)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#806ffc
```
#806ffc rgb(128,111,252)
```

Analogous Color

#ecfc6f
```
#ecfc6f rgb(236,252,111)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#fc806f
```
#fc806f rgb(252,128,111)
```

Split Complementary Color

#a5fc6f
```
#a5fc6f rgb(165,252,111)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#fc6fa5
```
#fc6fa5 rgb(252,111,165)
```

Triadic Color

#6ffcc6
```
#6ffcc6 rgb(111,252,198)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#fc6fa5
```
#fc6fa5 rgb(252,111,165)
```
#fcc66f
```
#fcc66f rgb(252,198,111)
```

Tetradic Color

#2476fa
```
#2476fa rgb(36,118,250)
```
#3d86fb
```
#3d86fb rgb(61,134,251)
```
#5695fb
```
#5695fb rgb(86,149,251)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#88b5fd
```
#88b5fd rgb(136,181,253)
```
#a1c4fd
```
#a1c4fd rgb(161,196,253)
```
#bad4fe
```
#bad4fe rgb(186,212,254)
```

Monochromatic Color

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

#6fc8fc
```
#6fc8fc rgb(111,200,252)
```
#6fbdfc
```
#6fbdfc rgb(111,189,252)
```
#6fb1fc
```
#6fb1fc rgb(111,177,252)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#6f99fc
```
#6f99fc rgb(111,153,252)
```
#6f8efc
```
#6f8efc rgb(111,142,252)
```
#6f82fc
```
#6f82fc rgb(111,130,252)
```

Similar Colors

Text with hexadecimal color #6fa5fc

This text has a font color of #6fa5fc.

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

#6fa5fc background color

This paragraph has a background color of #6fa5fc.

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

#6fa5fc border color

This element has a border color of #6fa5fc.

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

CSS codes

.text {color:#6fa5fc;}

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

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

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, #00040a is the darkest color, while #f6f9ff is the lightest one.

#00040a
```
#00040a rgb(0,4,10)
```
#010b1d
```
#010b1d rgb(1,11,29)
```
#011330
```
#011330 rgb(1,19,48)
```
#011b43
```
#011b43 rgb(1,27,67)
```
#022257
```
#022257 rgb(2,34,87)
```
#022a6a
```
#022a6a rgb(2,42,106)
```
#03317d
```
#03317d rgb(3,49,125)
```
#033990
```
#033990 rgb(3,57,144)
```
#0341a3
```
#0341a3 rgb(3,65,163)
```
#0448b7
```
#0448b7 rgb(4,72,183)
```
#0450ca
```
#0450ca rgb(4,80,202)
```
#0558dd
```
#0558dd rgb(5,88,221)
```
#055ff0
```
#055ff0 rgb(5,95,240)
```

Shade Color Variation

#0f69fa
```
#0f69fa rgb(15,105,250)
```
#2275fa
```
#2275fa rgb(34,117,250)
```
#3581fb
```
#3581fb rgb(53,129,251)
```
#498dfb
```
#498dfb rgb(73,141,251)
```
#5c99fc
```
#5c99fc rgb(92,153,252)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```
#82b1fc
```
#82b1fc rgb(130,177,252)
```
#95bdfd
```
#95bdfd rgb(149,189,253)
```
#a9c9fd
```
#a9c9fd rgb(169,201,253)
```
#bcd5fe
```
#bcd5fe rgb(188,213,254)
```
#cfe1fe
```
#cfe1fe rgb(207,225,254)
```
#e2edfe
```
#e2edfe rgb(226,237,254)
```
#f6f9ff
```
#f6f9ff rgb(246,249,255)
```

Tint Color Variation

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

#b3b5b8
```
#b3b5b8 rgb(179,181,184)
```
#adb4be
```
#adb4be rgb(173,180,190)
```
#a8b2c3
```
#a8b2c3 rgb(168,178,195)
```
#a2b1c9
```
#a2b1c9 rgb(162,177,201)
```
#9cb0cf
```
#9cb0cf rgb(156,176,207)
```
#97aed4
```
#97aed4 rgb(151,174,212)
```
#91adda
```
#91adda rgb(145,173,218)
```
#8bace0
```
#8bace0 rgb(139,172,224)
```
#86aae5
```
#86aae5 rgb(134,170,229)
```
#80a9eb
```
#80a9eb rgb(128,169,235)
```
#7aa8f1
```
#7aa8f1 rgb(122,168,241)
```
#75a6f6
```
#75a6f6 rgb(117,166,246)
```
#6fa5fc
```
#6fa5fc rgb(111,165,252)
```

Tone Color Variation

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

#88a6f9 Protanopia 1% of men
#79a9fc Deuteranopia 1% of men
#59b5c3 Tritanopia 0.001% of the population

Trichromacy

#7fa5fa Protanomaly 1% of men, 0.01% of women
#75a7fc Deuteranomaly 6% of men, 0.4% of women
#61afd7 Tritanomaly 0.01% of the population

#6fa5fc hex color

#6fa5fc Color Information

#6fa5fc Color Conversion

Color Schemes with #6fa5fc

Alternatives to #6fa5fc

#6fa5fc Preview

Shades and Tints of #6fa5fc

Tones of #6fa5fc

Color Blindness Simulator