#6c86fa hex color

In a RGB color space, hex #6c86fa is composed of 42.4% red, 52.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 46.4% magenta, 0% yellow and 2% black. It has a hue angle of 229 degrees, a saturation of 93.4% and a lightness of 70.2%. #6c86fa color hex could be obtained by blending #d8ffff with #000df5. Closest websafe color is: #6699ff.

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

● #6c86fa color description : Soft blue.

The hexadecimal color #6c86fa has RGB values of R:108, G:134, B:250 and CMYK values of C:0.57, M:0.46, Y:0, K:0.02. Its decimal value is 7112442.

Hex triplet	6c86fa	`#6c86fa`
RGB Decimal	108, 134, 250	`rgb(108,134,250)`
RGB Percent	42.4, 52.5, 98	`rgb(42.4%,52.5%,98%)`
CMYK	57, 46, 0, 2
HSL	229°, 93.4, 70.2	`hsl(229,93.4%,70.2%)`
HSV (or HSB)	229°, 56.8, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.103, 23.976, -60.944
XYZ	31.961, 27.139, 93.991
xyY	0.209, 0.177, 27.139
CIE-LCH	59.103, 65.491, 291.475
CIE-LUV	59.103, -15.773, -99.56
Hunter-Lab	52.095, 18.346, -70.506
Binary	01101100, 10000110, 11111010

#6c86fa
```
#6c86fa rgb(108,134,250)
```
#fae06c
```
#fae06c rgb(250,224,108)
```

Complementary Color

#6ccdfa
```
#6ccdfa rgb(108,205,250)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```
#996cfa
```
#996cfa rgb(153,108,250)
```

Analogous Color

#cdfa6c
```
#cdfa6c rgb(205,250,108)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```
#fa996c
```
#fa996c rgb(250,153,108)
```

Split Complementary Color

#86fa6c
```
#86fa6c rgb(134,250,108)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```
#fa6c86
```
#fa6c86 rgb(250,108,134)
```

Triadic Color

#6cfae0
```
#6cfae0 rgb(108,250,224)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```
#fa6c86
```
#fa6c86 rgb(250,108,134)
```
#fae06c
```
#fae06c rgb(250,224,108)
```

Tetradic Color

#2249f7
```
#2249f7 rgb(34,73,247)
```
#3b5df8
```
#3b5df8 rgb(59,93,248)
```
#5372f9
```
#5372f9 rgb(83,114,249)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```
#859afb
```
#859afb rgb(133,154,251)
```
#9daffc
```
#9daffc rgb(157,175,252)
```
#b6c3fd
```
#b6c3fd rgb(182,195,253)
```

Monochromatic Color

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

#6caafa
```
#6caafa rgb(108,170,250)
```
#6c9efa
```
#6c9efa rgb(108,158,250)
```
#6c92fa
```
#6c92fa rgb(108,146,250)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```
#6c7afa
```
#6c7afa rgb(108,122,250)
```
#6c6efa
```
#6c6efa rgb(108,110,250)
```
#766cfa
```
#766cfa rgb(118,108,250)
```

Similar Colors

Text with hexadecimal color #6c86fa

This text has a font color of #6c86fa.

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

#6c86fa background color

This paragraph has a background color of #6c86fa.

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

#6c86fa border color

This element has a border color of #6c86fa.

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

CSS codes

.text {color:#6c86fa;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#010518
```
#010518 rgb(1,5,24)
```
#01092b
```
#01092b rgb(1,9,43)
```
#020d3e
```
#020d3e rgb(2,13,62)
```
#031151
```
#031151 rgb(3,17,81)
```
#031564
```
#031564 rgb(3,21,100)
```
#041977
```
#041977 rgb(4,25,119)
```
#051d8a
```
#051d8a rgb(5,29,138)
```
#05219d
```
#05219d rgb(5,33,157)
```
#0625af
```
#0625af rgb(6,37,175)
```
#0729c2
```
#0729c2 rgb(7,41,194)
```
#072dd5
```
#072dd5 rgb(7,45,213)
```
#0831e8
```
#0831e8 rgb(8,49,232)
```

Shade Color Variation

#0d38f7
```
#0d38f7 rgb(13,56,247)
```
#2048f7
```
#2048f7 rgb(32,72,247)
```
#3357f8
```
#3357f8 rgb(51,87,248)
```
#4667f9
```
#4667f9 rgb(70,103,249)
```
#5976f9
```
#5976f9 rgb(89,118,249)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```
#7f96fb
```
#7f96fb rgb(127,150,251)
```
#92a5fb
```
#92a5fb rgb(146,165,251)
```
#a5b5fc
```
#a5b5fc rgb(165,181,252)
```
#b8c4fd
```
#b8c4fd rgb(184,196,253)
```
#cbd4fd
```
#cbd4fd rgb(203,212,253)
```
#dee4fe
```
#dee4fe rgb(222,228,254)
```
#f1f3ff
```
#f1f3ff rgb(241,243,255)
```

Tint Color Variation

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

#b2b2b4
```
#b2b2b4 rgb(178,178,180)
```
#acafba
```
#acafba rgb(172,175,186)
```
#a6abc0
```
#a6abc0 rgb(166,171,192)
```
#a1a7c5
```
#a1a7c5 rgb(161,167,197)
```
#9ba4cb
```
#9ba4cb rgb(155,164,203)
```
#95a0d1
```
#95a0d1 rgb(149,160,209)
```
#8f9cd7
```
#8f9cd7 rgb(143,156,215)
```
#8999dd
```
#8999dd rgb(137,153,221)
```
#8395e3
```
#8395e3 rgb(131,149,227)
```
#7e91e8
```
#7e91e8 rgb(126,145,232)
```
#788dee
```
#788dee rgb(120,141,238)
```
#728af4
```
#728af4 rgb(114,138,244)
```
#6c86fa
```
#6c86fa rgb(108,134,250)
```

Tone Color Variation

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

Dichromacy

#5890fd Protanopia 1% of men
#3496f6 Deuteranopia 1% of men
#499fab Tritanopia 0.001% of the population

Trichromacy

#5f8cfc Protanomaly 1% of men, 0.01% of women
#4890f7 Deuteranomaly 6% of men, 0.4% of women
#5596c8 Tritanomaly 0.01% of the population

#6c86fa hex color

#6c86fa Color Information

#6c86fa Color Conversion

Color Schemes with #6c86fa

Alternatives to #6c86fa

#6c86fa Preview

Shades and Tints of #6c86fa

Tones of #6c86fa

Color Blindness Simulator