#6b86cf hex color

In a RGB color space, hex #6b86cf is composed of 42% red, 52.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 35.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 223.8 degrees, a saturation of 51% and a lightness of 61.6%. #6b86cf color hex could be obtained by blending #d6ffff with #000d9f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 53
- B 81
RGB color chart
- C 48
- M 35
- Y 0
- K 19
CMYK color chart

● #6b86cf color description : Slightly desaturated blue.

The hexadecimal color #6b86cf has RGB values of R:107, G:134, B:207 and CMYK values of C:0.48, M:0.35, Y:0, K:0.19. Its decimal value is 7046863.

Hex triplet	6b86cf	`#6b86cf`
RGB Decimal	107, 134, 207	`rgb(107,134,207)`
RGB Percent	42, 52.5, 81.2	`rgb(42%,52.5%,81.2%)`
CMYK	48, 35, 0, 19
HSL	223.8°, 51, 61.6	`hsl(223.8,51%,61.6%)`
HSV (or HSB)	223.8°, 48.3, 81.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.762, 10.313, -40.7
XYZ	25.849, 24.68, 62.43
xyY	0.229, 0.218, 24.68
CIE-LCH	56.762, 41.987, 284.219
CIE-LUV	56.762, -15.196, -64.613
Hunter-Lab	49.679, 5.938, -39.732
Binary	01101011, 10000110, 11001111

#6b86cf
```
#6b86cf rgb(107,134,207)
```
#cfb46b
```
#cfb46b rgb(207,180,107)
```

Complementary Color

#6bb8cf
```
#6bb8cf rgb(107,184,207)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#826bcf
```
#826bcf rgb(130,107,207)
```

Analogous Color

#b8cf6b
```
#b8cf6b rgb(184,207,107)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#cf826b
```
#cf826b rgb(207,130,107)
```

Split Complementary Color

#86cf6b
```
#86cf6b rgb(134,207,107)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#cf6b86
```
#cf6b86 rgb(207,107,134)
```

Triadic Color

#6bcfb4
```
#6bcfb4 rgb(107,207,180)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#cf6b86
```
#cf6b86 rgb(207,107,134)
```
#cfb46b
```
#cfb46b rgb(207,180,107)
```

Tetradic Color

#3a5bb3
```
#3a5bb3 rgb(58,91,179)
```
#4467c3
```
#4467c3 rgb(68,103,195)
```
#5876c9
```
#5876c9 rgb(88,118,201)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#7e96d5
```
#7e96d5 rgb(126,150,213)
```
#92a5db
```
#92a5db rgb(146,165,219)
```
#a5b5e2
```
#a5b5e2 rgb(165,181,226)
```

Monochromatic Color

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

#6b9fcf
```
#6b9fcf rgb(107,159,207)
```
#6b97cf
```
#6b97cf rgb(107,151,207)
```
#6b8ecf
```
#6b8ecf rgb(107,142,207)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#6b7ecf
```
#6b7ecf rgb(107,126,207)
```
#6b75cf
```
#6b75cf rgb(107,117,207)
```
#6b6dcf
```
#6b6dcf rgb(107,109,207)
```

Similar Colors

Text with hexadecimal color #6b86cf

This text has a font color of #6b86cf.

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

#6b86cf background color

This paragraph has a background color of #6b86cf.

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

#6b86cf border color

This element has a border color of #6b86cf.

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

CSS codes

.text {color:#6b86cf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#05080f
```
#05080f rgb(5,8,15)
```
#0a0f1e
```
#0a0f1e rgb(10,15,30)
```
#0e172d
```
#0e172d rgb(14,23,45)
```
#131e3b
```
#131e3b rgb(19,30,59)
```
#18264a
```
#18264a rgb(24,38,74)
```
#1d2d59
```
#1d2d59 rgb(29,45,89)
```
#223568
```
#223568 rgb(34,53,104)
```
#263c77
```
#263c77 rgb(38,60,119)
```
#2b4485
```
#2b4485 rgb(43,68,133)
```
#304b94
```
#304b94 rgb(48,75,148)
```
#3553a3
```
#3553a3 rgb(53,83,163)
```
#3a5ab2
```
#3a5ab2 rgb(58,90,178)
```

Shade Color Variation

#3f62c1
```
#3f62c1 rgb(63,98,193)
```
#4d6ec5
```
#4d6ec5 rgb(77,110,197)
```
#5c7aca
```
#5c7aca rgb(92,122,202)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#7a92d4
```
#7a92d4 rgb(122,146,212)
```
#899ed9
```
#899ed9 rgb(137,158,217)
```
#97aadd
```
#97aadd rgb(151,170,221)
```
#a6b6e2
```
#a6b6e2 rgb(166,182,226)
```
#b5c3e7
```
#b5c3e7 rgb(181,195,231)
```
#c4cfec
```
#c4cfec rgb(196,207,236)
```
#d3dbf1
```
#d3dbf1 rgb(211,219,241)
```
#e1e7f5
```
#e1e7f5 rgb(225,231,245)
```
#f0f3fa
```
#f0f3fa rgb(240,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ba2 is the less saturated color, while #3e71fc is the most saturated one.

#989ba2
```
#989ba2 rgb(152,155,162)
```
#9197a9
```
#9197a9 rgb(145,151,169)
```
#8994b1
```
#8994b1 rgb(137,148,177)
```
#8290b8
```
#8290b8 rgb(130,144,184)
```
#7a8dc0
```
#7a8dc0 rgb(122,141,192)
```
#7389c7
```
#7389c7 rgb(115,137,199)
```
#6b86cf
```
#6b86cf rgb(107,134,207)
```
#6383d7
```
#6383d7 rgb(99,131,215)
```
#5c7fde
```
#5c7fde rgb(92,127,222)
```
#547ce6
```
#547ce6 rgb(84,124,230)
```
#4d78ed
```
#4d78ed rgb(77,120,237)
```
#4575f5
```
#4575f5 rgb(69,117,245)
```
#3e71fc
```
#3e71fc rgb(62,113,252)
```

Tone Color Variation

Below, you can see how #6b86cf 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
#818695 Atypical Achromatopsia 0.001% of the population

Dichromacy

#738cd1 Protanopia 1% of men
#6b8ed0 Deuteranopia 1% of men
#6096a1 Tritanopia 0.001% of the population

Trichromacy

#7089d0 Protanomaly 1% of men, 0.01% of women
#6b8bd0 Deuteranomaly 6% of men, 0.4% of women
#6490b2 Tritanomaly 0.01% of the population

#6b86cf hex color

#6b86cf Color Information

#6b86cf Color Conversion

Color Schemes with #6b86cf

Alternatives to #6b86cf

#6b86cf Preview

Shades and Tints of #6b86cf

Tones of #6b86cf

Color Blindness Simulator