#6f86fc hex color

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

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

● #6f86fc color description : Soft blue.

The hexadecimal color #6f86fc has RGB values of R:111, G:134, B:252 and CMYK values of C:0.56, M:0.47, Y:0, K:0.01. Its decimal value is 7309052.

Hex triplet	6f86fc	`#6f86fc`
RGB Decimal	111, 134, 252	`rgb(111,134,252)`
RGB Percent	43.5, 52.5, 98.8	`rgb(43.5%,52.5%,98.8%)`
CMYK	56, 47, 0, 1
HSL	230.2°, 95.9, 71.2	`hsl(230.2,95.9%,71.2%)`
HSV (or HSB)	230.2°, 56, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.394, 25.19, -61.568
XYZ	32.648, 27.456, 95.669
xyY	0.21, 0.176, 27.456
CIE-LCH	59.394, 66.522, 292.252
CIE-LUV	59.394, -14.914, -100.784
Hunter-Lab	52.399, 19.518, -71.572
Binary	01101111, 10000110, 11111100

#6f86fc
```
#6f86fc rgb(111,134,252)
```
#fce56f
```
#fce56f rgb(252,229,111)
```

Complementary Color

#6fcdfc
```
#6fcdfc rgb(111,205,252)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```
#9f6ffc
```
#9f6ffc rgb(159,111,252)
```

Analogous Color

#cdfc6f
```
#cdfc6f rgb(205,252,111)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```
#fc9f6f
```
#fc9f6f rgb(252,159,111)
```

Split Complementary Color

#86fc6f
```
#86fc6f rgb(134,252,111)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```
#fc6f86
```
#fc6f86 rgb(252,111,134)
```

Triadic Color

#6ffce5
```
#6ffce5 rgb(111,252,229)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```
#fc6f86
```
#fc6f86 rgb(252,111,134)
```
#fce56f
```
#fce56f rgb(252,229,111)
```

Tetradic Color

#2447fa
```
#2447fa rgb(36,71,250)
```
#3d5cfb
```
#3d5cfb rgb(61,92,251)
```
#5671fb
```
#5671fb rgb(86,113,251)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```
#889bfd
```
#889bfd rgb(136,155,253)
```
#a1b0fd
```
#a1b0fd rgb(161,176,253)
```
#bac5fe
```
#bac5fe rgb(186,197,254)
```

Monochromatic Color

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

#6fa9fc
```
#6fa9fc rgb(111,169,252)
```
#6f9efc
```
#6f9efc rgb(111,158,252)
```
#6f92fc
```
#6f92fc rgb(111,146,252)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```
#6f7afc
```
#6f7afc rgb(111,122,252)
```
#706ffc
```
#706ffc rgb(112,111,252)
```
#7b6ffc
```
#7b6ffc rgb(123,111,252)
```

Similar Colors

Text with hexadecimal color #6f86fc

This text has a font color of #6f86fc.

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

#6f86fc background color

This paragraph has a background color of #6f86fc.

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

#6f86fc border color

This element has a border color of #6f86fc.

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

CSS codes

.text {color:#6f86fc;}

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

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

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

#00020a
```
#00020a rgb(0,2,10)
```
#01051d
```
#01051d rgb(1,5,29)
```
#010930
```
#010930 rgb(1,9,48)
```
#010c43
```
#010c43 rgb(1,12,67)
```
#021057
```
#021057 rgb(2,16,87)
```
#02136a
```
#02136a rgb(2,19,106)
```
#03177d
```
#03177d rgb(3,23,125)
```
#031a90
```
#031a90 rgb(3,26,144)
```
#031ea3
```
#031ea3 rgb(3,30,163)
```
#0421b7
```
#0421b7 rgb(4,33,183)
```
#0424ca
```
#0424ca rgb(4,36,202)
```
#0528dd
```
#0528dd rgb(5,40,221)
```
#052bf0
```
#052bf0 rgb(5,43,240)
```

Shade Color Variation

#0f35fa
```
#0f35fa rgb(15,53,250)
```
#2245fa
```
#2245fa rgb(34,69,250)
```
#3556fb
```
#3556fb rgb(53,86,251)
```
#4966fb
```
#4966fb rgb(73,102,251)
```
#5c76fc
```
#5c76fc rgb(92,118,252)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```
#8296fc
```
#8296fc rgb(130,150,252)
```
#95a6fd
```
#95a6fd rgb(149,166,253)
```
#a9b6fd
```
#a9b6fd rgb(169,182,253)
```
#bcc7fe
```
#bcc7fe rgb(188,199,254)
```
#cfd7fe
```
#cfd7fe rgb(207,215,254)
```
#e2e7fe
```
#e2e7fe rgb(226,231,254)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#b3b4b8
```
#b3b4b8 rgb(179,180,184)
```
#adb0be
```
#adb0be rgb(173,176,190)
```
#a8acc3
```
#a8acc3 rgb(168,172,195)
```
#a2a8c9
```
#a2a8c9 rgb(162,168,201)
```
#9ca4cf
```
#9ca4cf rgb(156,164,207)
```
#97a1d4
```
#97a1d4 rgb(151,161,212)
```
#919dda
```
#919dda rgb(145,157,218)
```
#8b99e0
```
#8b99e0 rgb(139,153,224)
```
#8695e5
```
#8695e5 rgb(134,149,229)
```
#8091eb
```
#8091eb rgb(128,145,235)
```
#7a8ef1
```
#7a8ef1 rgb(122,142,241)
```
#758af6
```
#758af6 rgb(117,138,246)
```
#6f86fc
```
#6f86fc rgb(111,134,252)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#878ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5991ff Protanopia 1% of men
#3396f7 Deuteranopia 1% of men
#4ca0ab Tritanopia 0.001% of the population

Trichromacy

#618dfd Protanomaly 1% of men, 0.01% of women
#4890f9 Deuteranomaly 6% of men, 0.4% of women
#5996c9 Tritanomaly 0.01% of the population

#6f86fc hex color

#6f86fc Color Information

#6f86fc Color Conversion

Color Schemes with #6f86fc

Alternatives to #6f86fc

#6f86fc Preview

Shades and Tints of #6f86fc

Tones of #6f86fc

Color Blindness Simulator