#6986fc hex color

In a RGB color space, hex #6986fc is composed of 41.2% red, 52.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 46.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 228.2 degrees, a saturation of 96.1% and a lightness of 70%. #6986fc color hex could be obtained by blending #d2ffff with #000df9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 41
- G 53
- B 99
RGB color chart
- C 58
- M 47
- Y 0
- K 1
CMYK color chart

● #6986fc color description : Soft blue.

The hexadecimal color #6986fc has RGB values of R:105, G:134, B:252 and CMYK values of C:0.58, M:0.47, Y:0, K:0.01. Its decimal value is 6915836.

Hex triplet	6986fc	`#6986fc`
RGB Decimal	105, 134, 252	`rgb(105,134,252)`
RGB Percent	41.2, 52.5, 98.8	`rgb(41.2%,52.5%,98.8%)`
CMYK	58, 47, 0, 1
HSL	228.2°, 96.1, 70	`hsl(228.2,96.1%,70%)`
HSV (or HSB)	228.2°, 58.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.048, 24.053, -62.142
XYZ	31.918, 27.08, 95.635
xyY	0.206, 0.175, 27.08
CIE-LCH	59.048, 66.634, 291.16
CIE-LUV	59.048, -16.694, -101.466
Hunter-Lab	52.039, 18.415, -72.535
Binary	01101001, 10000110, 11111100

#6986fc
```
#6986fc rgb(105,134,252)
```
#fcdf69
```
#fcdf69 rgb(252,223,105)
```

Complementary Color

#69d0fc
```
#69d0fc rgb(105,208,252)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#9669fc
```
#9669fc rgb(150,105,252)
```

Analogous Color

#d0fc69
```
#d0fc69 rgb(208,252,105)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#fc9669
```
#fc9669 rgb(252,150,105)
```

Split Complementary Color

#86fc69
```
#86fc69 rgb(134,252,105)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#fc6986
```
#fc6986 rgb(252,105,134)
```

Triadic Color

#69fcdf
```
#69fcdf rgb(105,252,223)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#fc6986
```
#fc6986 rgb(252,105,134)
```
#fcdf69
```
#fcdf69 rgb(252,223,105)
```

Tetradic Color

#1e4afb
```
#1e4afb rgb(30,74,251)
```
#375efb
```
#375efb rgb(55,94,251)
```
#5072fc
```
#5072fc rgb(80,114,252)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#829afd
```
#829afd rgb(130,154,253)
```
#9baefd
```
#9baefd rgb(155,174,253)
```
#b4c3fe
```
#b4c3fe rgb(180,195,254)
```

Monochromatic Color

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

#69abfc
```
#69abfc rgb(105,171,252)
```
#699ffc
```
#699ffc rgb(105,159,252)
```
#6992fc
```
#6992fc rgb(105,146,252)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#697afc
```
#697afc rgb(105,122,252)
```
#696efc
```
#696efc rgb(105,110,252)
```
#7169fc
```
#7169fc rgb(113,105,252)
```

Similar Colors

Text with hexadecimal color #6986fc

This text has a font color of #6986fc.

<span style="color:#6986fc;">Text here</span>

#6986fc background color

This paragraph has a background color of #6986fc.

<p style="background-color:#6986fc;">Content here</p>

#6986fc border color

This element has a border color of #6986fc.

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

CSS codes

.text {color:#6986fc;}

.background {background-color:#6986fc;}

.border {border:1px solid #6986fc;}

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

#000104
```
#000104 rgb(0,1,4)
```
#000517
```
#000517 rgb(0,5,23)
```
#01092a
```
#01092a rgb(1,9,42)
```
#010d3e
```
#010d3e rgb(1,13,62)
```
#021151
```
#021151 rgb(2,17,81)
```
#021564
```
#021564 rgb(2,21,100)
```
#021977
```
#021977 rgb(2,25,119)
```
#031e8a
```
#031e8a rgb(3,30,138)
```
#03229e
```
#03229e rgb(3,34,158)
```
#0426b1
```
#0426b1 rgb(4,38,177)
```
#042ac4
```
#042ac4 rgb(4,42,196)
```
#042ed7
```
#042ed7 rgb(4,46,215)
```
#0532eb
```
#0532eb rgb(5,50,235)
```

Shade Color Variation

#0938fa
```
#0938fa rgb(9,56,250)
```
#1c48fa
```
#1c48fa rgb(28,72,250)
```
#2f57fb
```
#2f57fb rgb(47,87,251)
```
#4367fb
```
#4367fb rgb(67,103,251)
```
#5676fc
```
#5676fc rgb(86,118,252)
```
#6986fc
```
#6986fc rgb(105,134,252)
```
#7c96fc
```
#7c96fc rgb(124,150,252)
```
#8fa5fd
```
#8fa5fd rgb(143,165,253)
```
#a3b5fd
```
#a3b5fd rgb(163,181,253)
```
#b6c4fe
```
#b6c4fe rgb(182,196,254)
```
#c9d4fe
```
#c9d4fe rgb(201,212,254)
```
#dce3fe
```
#dce3fe rgb(220,227,254)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#b0b1b5
```
#b0b1b5 rgb(176,177,181)
```
#aaadbb
```
#aaadbb rgb(170,173,187)
```
#a4aac1
```
#a4aac1 rgb(164,170,193)
```
#9ea6c7
```
#9ea6c7 rgb(158,166,199)
```
#98a3cd
```
#98a3cd rgb(152,163,205)
```
#929fd3
```
#929fd3 rgb(146,159,211)
```
#8c9bd9
```
#8c9bd9 rgb(140,155,217)
```
#8698df
```
#8698df rgb(134,152,223)
```
#8194e4
```
#8194e4 rgb(129,148,228)
```
#7b91ea
```
#7b91ea rgb(123,145,234)
```
#758df0
```
#758df0 rgb(117,141,240)
```
#6f8af6
```
#6f8af6 rgb(111,138,246)
```
#6986fc
```
#6986fc rgb(105,134,252)
```

Tone Color Variation

Below, you can see how #6986fc 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
#848aa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5690ff Protanopia 1% of men
#2a96f7 Deuteranopia 1% of men
#41a0ab Tritanopia 0.001% of the population

Trichromacy

#5d8cfd Protanomaly 1% of men, 0.01% of women
#4190f9 Deuteranomaly 6% of men, 0.4% of women
#4f96c9 Tritanomaly 0.01% of the population

#6986fc hex color

#6986fc Color Information

#6986fc Color Conversion

Color Schemes with #6986fc

Alternatives to #6986fc

#6986fc Preview

Shades and Tints of #6986fc

Tones of #6986fc

Color Blindness Simulator