#6986cd hex color

In a RGB color space, hex #6986cd is composed of 41.2% red, 52.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 34.6% magenta, 0% yellow and 19.6% black. It has a hue angle of 222.6 degrees, a saturation of 50% and a lightness of 60.8%. #6986cd color hex could be obtained by blending #d2ffff with #000d9b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 41
- G 53
- B 80
RGB color chart
- C 49
- M 35
- Y 0
- K 20
CMYK color chart

● #6986cd color description : Slightly desaturated blue.

The hexadecimal color #6986cd has RGB values of R:105, G:134, B:205 and CMYK values of C:0.49, M:0.35, Y:0, K:0.2. Its decimal value is 6915789.

Hex triplet	6986cd	`#6986cd`
RGB Decimal	105, 134, 205	`rgb(105,134,205)`
RGB Percent	41.2, 52.5, 80.4	`rgb(41.2%,52.5%,80.4%)`
CMYK	49, 35, 0, 20
HSL	222.6°, 50, 60.8	`hsl(222.6,50%,60.8%)`
HSV (or HSB)	222.6°, 48.8, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.546, 9.226, -39.921
XYZ	25.368, 24.46, 61.139
xyY	0.229, 0.22, 24.46
CIE-LCH	56.546, 40.973, 283.014
CIE-LUV	56.546, -15.862, -63.173
Hunter-Lab	49.457, 5.007, -38.674
Binary	01101001, 10000110, 11001101

#6986cd
```
#6986cd rgb(105,134,205)
```
#cdb069
```
#cdb069 rgb(205,176,105)
```

Complementary Color

#69b8cd
```
#69b8cd rgb(105,184,205)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#7e69cd
```
#7e69cd rgb(126,105,205)
```

Analogous Color

#b8cd69
```
#b8cd69 rgb(184,205,105)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#cd7e69
```
#cd7e69 rgb(205,126,105)
```

Split Complementary Color

#86cd69
```
#86cd69 rgb(134,205,105)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#cd6986
```
#cd6986 rgb(205,105,134)
```

Triadic Color

#69cdb0
```
#69cdb0 rgb(105,205,176)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#cd6986
```
#cd6986 rgb(205,105,134)
```
#cdb069
```
#cdb069 rgb(205,176,105)
```

Tetradic Color

#3a5caf
```
#3a5caf rgb(58,92,175)
```
#4367c0
```
#4367c0 rgb(67,103,192)
```
#5677c7
```
#5677c7 rgb(86,119,199)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#7c95d3
```
#7c95d3 rgb(124,149,211)
```
#8fa5da
```
#8fa5da rgb(143,165,218)
```
#a2b4e0
```
#a2b4e0 rgb(162,180,224)
```

Monochromatic Color

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

#699fcd
```
#699fcd rgb(105,159,205)
```
#6997cd
```
#6997cd rgb(105,151,205)
```
#698ecd
```
#698ecd rgb(105,142,205)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#697ecd
```
#697ecd rgb(105,126,205)
```
#6975cd
```
#6975cd rgb(105,117,205)
```
#696dcd
```
#696dcd rgb(105,109,205)
```

Similar Colors

Text with hexadecimal color #6986cd

This text has a font color of #6986cd.

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

#6986cd background color

This paragraph has a background color of #6986cd.

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

#6986cd border color

This element has a border color of #6986cd.

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

CSS codes

.text {color:#6986cd;}

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

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

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, #04060c is the darkest color, while #fcfdfe is the lightest one.

#04060c
```
#04060c rgb(4,6,12)
```
#090e1b
```
#090e1b rgb(9,14,27)
```
#0e1629
```
#0e1629 rgb(14,22,41)
```
#131d38
```
#131d38 rgb(19,29,56)
```
#182547
```
#182547 rgb(24,37,71)
```
#1c2d55
```
#1c2d55 rgb(28,45,85)
```
#213564
```
#213564 rgb(33,53,100)
```
#263c73
```
#263c73 rgb(38,60,115)
```
#2b4482
```
#2b4482 rgb(43,68,130)
```
#304c90
```
#304c90 rgb(48,76,144)
```
#35549f
```
#35549f rgb(53,84,159)
```
#3a5bae
```
#3a5bae rgb(58,91,174)
```
#3f63bc
```
#3f63bc rgb(63,99,188)
```

Shade Color Variation

#4c6ec3
```
#4c6ec3 rgb(76,110,195)
```
#5a7ac8
```
#5a7ac8 rgb(90,122,200)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#7892d2
```
#7892d2 rgb(120,146,210)
```
#869ed7
```
#869ed7 rgb(134,158,215)
```
#95aadc
```
#95aadc rgb(149,170,220)
```
#a4b5e1
```
#a4b5e1 rgb(164,181,225)
```
#b3c1e6
```
#b3c1e6 rgb(179,193,230)
```
#c1cdea
```
#c1cdea rgb(193,205,234)
```
#d0d9ef
```
#d0d9ef rgb(208,217,239)
```
#dfe5f4
```
#dfe5f4 rgb(223,229,244)
```
#edf1f9
```
#edf1f9 rgb(237,241,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#97999f
```
#97999f rgb(151,153,159)
```
#8f96a7
```
#8f96a7 rgb(143,150,167)
```
#8893ae
```
#8893ae rgb(136,147,174)
```
#8090b6
```
#8090b6 rgb(128,144,182)
```
#788cbe
```
#788cbe rgb(120,140,190)
```
#7189c5
```
#7189c5 rgb(113,137,197)
```
#6986cd
```
#6986cd rgb(105,134,205)
```
#6183d5
```
#6183d5 rgb(97,131,213)
```
#5a80dc
```
#5a80dc rgb(90,128,220)
```
#527ce4
```
#527ce4 rgb(82,124,228)
```
#4a79ec
```
#4a79ec rgb(74,121,236)
```
#4376f3
```
#4376f3 rgb(67,118,243)
```
#3b73fb
```
#3b73fb rgb(59,115,251)
```

Tone Color Variation

Below, you can see how #6986cd 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

#858585 Achromatopsia 0.005% of the population
#7f8593 Atypical Achromatopsia 0.001% of the population

Dichromacy

#748bcf Protanopia 1% of men
#6b8dcf Deuteranopia 1% of men
#5e96a1 Tritanopia 0.001% of the population

Trichromacy

#7089ce Protanomaly 1% of men, 0.01% of women
#6a8ace Deuteranomaly 6% of men, 0.4% of women
#6290b1 Tritanomaly 0.01% of the population

#6986cd hex color

#6986cd Color Information

#6986cd Color Conversion

Color Schemes with #6986cd

Alternatives to #6986cd

#6986cd Preview

Shades and Tints of #6986cd

Tones of #6986cd

Color Blindness Simulator