#6f86b8 hex color

In a RGB color space, hex #6f86b8 is composed of 43.5% red, 52.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 39.7% cyan, 27.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 221.1 degrees, a saturation of 34% and a lightness of 57.8%. #6f86b8 color hex could be obtained by blending #deffff with #000d71. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 53
- B 72
RGB color chart
- C 40
- M 27
- Y 0
- K 28
CMYK color chart

● #6f86b8 color description : Slightly desaturated blue.

The hexadecimal color #6f86b8 has RGB values of R:111, G:134, B:184 and CMYK values of C:0.4, M:0.27, Y:0, K:0.28. Its decimal value is 7308984.

Hex triplet	6f86b8	`#6f86b8`
RGB Decimal	111, 134, 184	`rgb(111,134,184)`
RGB Percent	43.5, 52.5, 72.2	`rgb(43.5%,52.5%,72.2%)`
CMYK	40, 27, 0, 28
HSL	221.1°, 34, 57.8	`hsl(221.1,34%,57.8%)`
HSV (or HSB)	221.1°, 39.7, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.977, 4.596, -28.859
XYZ	23.731, 23.89, 48.706
xyY	0.246, 0.248, 23.89
CIE-LCH	55.977, 29.222, 279.049
CIE-LUV	55.977, -13.192, -44.59
Hunter-Lab	48.877, 1.13, -24.868
Binary	01101111, 10000110, 10111000

#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#b8a16f
```
#b8a16f rgb(184,161,111)
```

Complementary Color

#6fabb8
```
#6fabb8 rgb(111,171,184)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#7d6fb8
```
#7d6fb8 rgb(125,111,184)
```

Analogous Color

#abb86f
```
#abb86f rgb(171,184,111)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#b87d6f
```
#b87d6f rgb(184,125,111)
```

Split Complementary Color

#86b86f
```
#86b86f rgb(134,184,111)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#b86f86
```
#b86f86 rgb(184,111,134)
```

Triadic Color

#6fb8a1
```
#6fb8a1 rgb(111,184,161)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#b86f86
```
#b86f86 rgb(184,111,134)
```
#b8a16f
```
#b8a16f rgb(184,161,111)
```

Tetradic Color

#486092
```
#486092 rgb(72,96,146)
```
#516ba3
```
#516ba3 rgb(81,107,163)
```
#5e78b0
```
#5e78b0 rgb(94,120,176)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#8094c0
```
#8094c0 rgb(128,148,192)
```
#91a3c9
```
#91a3c9 rgb(145,163,201)
```
#a2b1d1
```
#a2b1d1 rgb(162,177,209)
```

Monochromatic Color

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

#6f98b8
```
#6f98b8 rgb(111,152,184)
```
#6f92b8
```
#6f92b8 rgb(111,146,184)
```
#6f8cb8
```
#6f8cb8 rgb(111,140,184)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#6f80b8
```
#6f80b8 rgb(111,128,184)
```
#6f7ab8
```
#6f7ab8 rgb(111,122,184)
```
#6f74b8
```
#6f74b8 rgb(111,116,184)
```

Similar Colors

Text with hexadecimal color #6f86b8

This text has a font color of #6f86b8.

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

#6f86b8 background color

This paragraph has a background color of #6f86b8.

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

#6f86b8 border color

This element has a border color of #6f86b8.

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

CSS codes

.text {color:#6f86b8;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#07090e
```
#07090e rgb(7,9,14)
```
#0d111b
```
#0d111b rgb(13,17,27)
```
#141a28
```
#141a28 rgb(20,26,40)
```
#1a2335
```
#1a2335 rgb(26,35,53)
```
#212b42
```
#212b42 rgb(33,43,66)
```
#27344f
```
#27344f rgb(39,52,79)
```
#2e3c5c
```
#2e3c5c rgb(46,60,92)
```
#34456a
```
#34456a rgb(52,69,106)
```
#3b4e77
```
#3b4e77 rgb(59,78,119)
```
#415684
```
#415684 rgb(65,86,132)
```
#485f91
```
#485f91 rgb(72,95,145)
```
#4e679e
```
#4e679e rgb(78,103,158)
```

Shade Color Variation

#5570ab
```
#5570ab rgb(85,112,171)
```
#627bb2
```
#627bb2 rgb(98,123,178)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#7c91be
```
#7c91be rgb(124,145,190)
```
#899cc5
```
#899cc5 rgb(137,156,197)
```
#96a7cb
```
#96a7cb rgb(150,167,203)
```
#a4b2d2
```
#a4b2d2 rgb(164,178,210)
```
#b1bdd8
```
#b1bdd8 rgb(177,189,216)
```
#bec8df
```
#bec8df rgb(190,200,223)
```
#cbd3e5
```
#cbd3e5 rgb(203,211,229)
```
#d8deec
```
#d8deec rgb(216,222,236)
```
#e5e9f2
```
#e5e9f2 rgb(229,233,242)
```
#f2f4f9
```
#f2f4f9 rgb(242,244,249)
```

Tint Color Variation

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

#909297
```
#909297 rgb(144,146,151)
```
#888f9f
```
#888f9f rgb(136,143,159)
```
#808ca7
```
#808ca7 rgb(128,140,167)
```
#7789b0
```
#7789b0 rgb(119,137,176)
```
#6f86b8
```
#6f86b8 rgb(111,134,184)
```
#6783c0
```
#6783c0 rgb(103,131,192)
```
#5e80c9
```
#5e80c9 rgb(94,128,201)
```
#567dd1
```
#567dd1 rgb(86,125,209)
```
#4e7ad9
```
#4e7ad9 rgb(78,122,217)
```
#4677e1
```
#4677e1 rgb(70,119,225)
```
#3d74ea
```
#3d74ea rgb(61,116,234)
```
#3571f2
```
#3571f2 rgb(53,113,242)
```
#2d6efa
```
#2d6efa rgb(45,110,250)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#81858f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8aba Protanopia 1% of men
#7b8abc Deuteranopia 1% of men
#6c929d Tritanopia 0.001% of the population

Trichromacy

#7889b9 Protanomaly 1% of men, 0.01% of women
#7789ba Deuteranomaly 6% of men, 0.4% of women
#6d8da6 Tritanomaly 0.01% of the population

#6f86b8 hex color

#6f86b8 Color Information

#6f86b8 Color Conversion

Color Schemes with #6f86b8

Alternatives to #6f86b8

#6f86b8 Preview

Shades and Tints of #6f86b8

Tones of #6f86b8

Color Blindness Simulator