#6f86c3 hex color

In a RGB color space, hex #6f86c3 is composed of 43.5% red, 52.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 43.1% cyan, 31.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 223.6 degrees, a saturation of 41.2% and a lightness of 60%. #6f86c3 color hex could be obtained by blending #deffff with #000d87. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 53
- B 76
RGB color chart
- C 43
- M 31
- Y 0
- K 24
CMYK color chart

● #6f86c3 color description : Slightly desaturated blue.

The hexadecimal color #6f86c3 has RGB values of R:111, G:134, B:195 and CMYK values of C:0.43, M:0.31, Y:0, K:0.24. Its decimal value is 7308995.

Hex triplet	6f86c3	`#6f86c3`
RGB Decimal	111, 134, 195	`rgb(111,134,195)`
RGB Percent	43.5, 52.5, 76.5	`rgb(43.5%,52.5%,76.5%)`
CMYK	43, 31, 0, 24
HSL	223.6°, 41.2, 60	`hsl(223.6,41.2%,60%)`
HSV (or HSB)	223.6°, 43.1, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.455, 7.748, -34.374
XYZ	24.929, 24.369, 55.017
xyY	0.239, 0.234, 24.369
CIE-LCH	56.455, 35.237, 282.702
CIE-LUV	56.455, -13.459, -53.965
Hunter-Lab	49.365, 3.753, -31.523
Binary	01101111, 10000110, 11000011

#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#c3ac6f
```
#c3ac6f rgb(195,172,111)
```

Complementary Color

#6fb0c3
```
#6fb0c3 rgb(111,176,195)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#826fc3
```
#826fc3 rgb(130,111,195)
```

Analogous Color

#b0c36f
```
#b0c36f rgb(176,195,111)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#c3826f
```
#c3826f rgb(195,130,111)
```

Split Complementary Color

#86c36f
```
#86c36f rgb(134,195,111)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#c36f86
```
#c36f86 rgb(195,111,134)
```

Triadic Color

#6fc3ac
```
#6fc3ac rgb(111,195,172)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#c36f86
```
#c36f86 rgb(195,111,134)
```
#c3ac6f
```
#c3ac6f rgb(195,172,111)
```

Tetradic Color

#445da2
```
#445da2 rgb(68,93,162)
```
#4b68b4
```
#4b68b4 rgb(75,104,180)
```
#5d77bc
```
#5d77bc rgb(93,119,188)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#8195cb
```
#8195cb rgb(129,149,203)
```
#93a4d2
```
#93a4d2 rgb(147,164,210)
```
#a5b3da
```
#a5b3da rgb(165,179,218)
```

Monochromatic Color

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

#6f9bc3
```
#6f9bc3 rgb(111,155,195)
```
#6f94c3
```
#6f94c3 rgb(111,148,195)
```
#6f8dc3
```
#6f8dc3 rgb(111,141,195)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#6f7fc3
```
#6f7fc3 rgb(111,127,195)
```
#6f78c3
```
#6f78c3 rgb(111,120,195)
```
#6f71c3
```
#6f71c3 rgb(111,113,195)
```

Similar Colors

Text with hexadecimal color #6f86c3

This text has a font color of #6f86c3.

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

#6f86c3 background color

This paragraph has a background color of #6f86c3.

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

#6f86c3 border color

This element has a border color of #6f86c3.

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

CSS codes

.text {color:#6f86c3;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090d16
```
#090d16 rgb(9,13,22)
```
#0f1524
```
#0f1524 rgb(15,21,36)
```
#151d32
```
#151d32 rgb(21,29,50)
```
#1b2540
```
#1b2540 rgb(27,37,64)
```
#202d4e
```
#202d4e rgb(32,45,78)
```
#26355b
```
#26355b rgb(38,53,91)
```
#2c3d69
```
#2c3d69 rgb(44,61,105)
```
#324577
```
#324577 rgb(50,69,119)
```
#374d85
```
#374d85 rgb(55,77,133)
```
#3d5593
```
#3d5593 rgb(61,85,147)
```
#435da1
```
#435da1 rgb(67,93,161)
```
#4965ae
```
#4965ae rgb(73,101,174)
```

Shade Color Variation

#536fb7
```
#536fb7 rgb(83,111,183)
```
#617abd
```
#617abd rgb(97,122,189)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#7d92c9
```
#7d92c9 rgb(125,146,201)
```
#8b9dcf
```
#8b9dcf rgb(139,157,207)
```
#99a9d4
```
#99a9d4 rgb(153,169,212)
```
#a6b5da
```
#a6b5da rgb(166,181,218)
```
#b4c0e0
```
#b4c0e0 rgb(180,192,224)
```
#c2cce6
```
#c2cce6 rgb(194,204,230)
```
#d0d7eb
```
#d0d7eb rgb(208,215,235)
```
#dee3f1
```
#dee3f1 rgb(222,227,241)
```
#eceff7
```
#eceff7 rgb(236,239,247)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96989c is the less saturated color, while #386dfa is the most saturated one.

#96989c
```
#96989c rgb(150,152,156)
```
#8e94a4
```
#8e94a4 rgb(142,148,164)
```
#8791ab
```
#8791ab rgb(135,145,171)
```
#7f8db3
```
#7f8db3 rgb(127,141,179)
```
#778abb
```
#778abb rgb(119,138,187)
```
#6f86c3
```
#6f86c3 rgb(111,134,195)
```
#6782cb
```
#6782cb rgb(103,130,203)
```
#5f7fd3
```
#5f7fd3 rgb(95,127,211)
```
#577bdb
```
#577bdb rgb(87,123,219)
```
#5078e2
```
#5078e2 rgb(80,120,226)
```
#4874ea
```
#4874ea rgb(72,116,234)
```
#4071f2
```
#4071f2 rgb(64,113,242)
```
#386dfa
```
#386dfa rgb(56,109,250)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#818692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#798bc5 Protanopia 1% of men
#758cc6 Deuteranopia 1% of men
#69949f Tritanopia 0.001% of the population

Trichromacy

#7589c4 Protanomaly 1% of men, 0.01% of women
#738ac4 Deuteranomaly 6% of men, 0.4% of women
#6b8fac Tritanomaly 0.01% of the population

#6f86c3 hex color

#6f86c3 Color Information

#6f86c3 Color Conversion

Color Schemes with #6f86c3

Alternatives to #6f86c3

#6f86c3 Preview

Shades and Tints of #6f86c3

Tones of #6f86c3

Color Blindness Simulator