#6b86f6 hex color

In a RGB color space, hex #6b86f6 is composed of 42% red, 52.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 45.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 228.3 degrees, a saturation of 88.5% and a lightness of 69.2%. #6b86f6 color hex could be obtained by blending #d6ffff with #000ded. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 42
- G 53
- B 96
RGB color chart
- C 57
- M 46
- Y 0
- K 4
CMYK color chart

● #6b86f6 color description : Soft blue.

The hexadecimal color #6b86f6 has RGB values of R:107, G:134, B:246 and CMYK values of C:0.57, M:0.46, Y:0, K:0.04. Its decimal value is 7046902.

Hex triplet	6b86f6	`#6b86f6`
RGB Decimal	107, 134, 246	`rgb(107,134,246)`
RGB Percent	42, 52.5, 96.5	`rgb(42%,52.5%,96.5%)`
CMYK	57, 46, 0, 4
HSL	228.3°, 88.5, 69.2	`hsl(228.3,88.5%,69.2%)`
HSV (or HSB)	228.3°, 56.5, 96.5
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.815, 22.506, -59.203
XYZ	31.22, 26.828, 90.717
xyY	0.21, 0.18, 26.828
CIE-LCH	58.815, 63.336, 290.814
CIE-LUV	58.815, -15.985, -96.517
Hunter-Lab	51.796, 16.946, -67.585
Binary	01101011, 10000110, 11110110

#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#f6db6b
```
#f6db6b rgb(246,219,107)
```

Complementary Color

#6bccf6
```
#6bccf6 rgb(107,204,246)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#966bf6
```
#966bf6 rgb(150,107,246)
```

Analogous Color

#ccf66b
```
#ccf66b rgb(204,246,107)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#f6966b
```
#f6966b rgb(246,150,107)
```

Split Complementary Color

#86f66b
```
#86f66b rgb(134,246,107)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#f66b86
```
#f66b86 rgb(246,107,134)
```

Triadic Color

#6bf6db
```
#6bf6db rgb(107,246,219)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#f66b86
```
#f66b86 rgb(246,107,134)
```
#f6db6b
```
#f6db6b rgb(246,219,107)
```

Tetradic Color

#234bf2
```
#234bf2 rgb(35,75,242)
```
#3b5ff3
```
#3b5ff3 rgb(59,95,243)
```
#5372f5
```
#5372f5 rgb(83,114,245)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#839af7
```
#839af7 rgb(131,154,247)
```
#9badf9
```
#9badf9 rgb(155,173,249)
```
#b3c1fa
```
#b3c1fa rgb(179,193,250)
```

Monochromatic Color

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

#6ba9f6
```
#6ba9f6 rgb(107,169,246)
```
#6b9df6
```
#6b9df6 rgb(107,157,246)
```
#6b92f6
```
#6b92f6 rgb(107,146,246)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#6b7af6
```
#6b7af6 rgb(107,122,246)
```
#6b6ff6
```
#6b6ff6 rgb(107,111,246)
```
#736bf6
```
#736bf6 rgb(115,107,246)
```

Similar Colors

Text with hexadecimal color #6b86f6

This text has a font color of #6b86f6.

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

#6b86f6 background color

This paragraph has a background color of #6b86f6.

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

#6b86f6 border color

This element has a border color of #6b86f6.

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

CSS codes

.text {color:#6b86f6;}

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

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

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

#010412
```
#010412 rgb(1,4,18)
```
#020925
```
#020925 rgb(2,9,37)
```
#030d37
```
#030d37 rgb(3,13,55)
```
#04124a
```
#04124a rgb(4,18,74)
```
#06165c
```
#06165c rgb(6,22,92)
```
#071b6f
```
#071b6f rgb(7,27,111)
```
#081f81
```
#081f81 rgb(8,31,129)
```
#092494
```
#092494 rgb(9,36,148)
```
#0a28a6
```
#0a28a6 rgb(10,40,166)
```
#0b2db9
```
#0b2db9 rgb(11,45,185)
```
#0c31cb
```
#0c31cb rgb(12,49,203)
```
#0d36de
```
#0d36de rgb(13,54,222)
```
#0f3af0
```
#0f3af0 rgb(15,58,240)
```

Shade Color Variation

#214af2
```
#214af2 rgb(33,74,242)
```
#3459f3
```
#3459f3 rgb(52,89,243)
```
#4668f4
```
#4668f4 rgb(70,104,244)
```
#5977f5
```
#5977f5 rgb(89,119,245)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#7d95f7
```
#7d95f7 rgb(125,149,247)
```
#90a4f8
```
#90a4f8 rgb(144,164,248)
```
#a2b3f9
```
#a2b3f9 rgb(162,179,249)
```
#b5c2fa
```
#b5c2fa rgb(181,194,250)
```
#c7d2fc
```
#c7d2fc rgb(199,210,252)
```
#dae1fd
```
#dae1fd rgb(218,225,253)
```
#ecf0fe
```
#ecf0fe rgb(236,240,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#adafb4
```
#adafb4 rgb(173,175,180)
```
#a7abba
```
#a7abba rgb(167,171,186)
```
#a1a7c0
```
#a1a7c0 rgb(161,167,192)
```
#9ba4c6
```
#9ba4c6 rgb(155,164,198)
```
#95a0cc
```
#95a0cc rgb(149,160,204)
```
#8f9cd2
```
#8f9cd2 rgb(143,156,210)
```
#8998d8
```
#8998d8 rgb(137,152,216)
```
#8395de
```
#8395de rgb(131,149,222)
```
#7d91e4
```
#7d91e4 rgb(125,145,228)
```
#778dea
```
#778dea rgb(119,141,234)
```
#718af0
```
#718af0 rgb(113,138,240)
```
#6b86f6
```
#6b86f6 rgb(107,134,246)
```
#6582fc
```
#6582fc rgb(101,130,252)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#858aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8ff9 Protanopia 1% of men
#3c95f2 Deuteranopia 1% of men
#4a9eaa Tritanopia 0.001% of the population

Trichromacy

#618cf8 Protanomaly 1% of men, 0.01% of women
#4d8ff3 Deuteranomaly 6% of men, 0.4% of women
#5695c5 Tritanomaly 0.01% of the population

#6b86f6 hex color

#6b86f6 Color Information

#6b86f6 Color Conversion

Color Schemes with #6b86f6

Alternatives to #6b86f6

#6b86f6 Preview

Shades and Tints of #6b86f6

Tones of #6b86f6

Color Blindness Simulator