colorhexa.com

#6986d6 hex color

In a RGB color space, hex #6986d6 is composed of 41.2% red, 52.5% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 37.4% magenta, 0% yellow and 16.1% black. It has a hue angle of 224 degrees, a saturation of 57.1% and a lightness of 62.5%. #6986d6 color hex could be obtained by blending #d2ffff with #000dad. Closest websafe color is: #6699cc.

- R 41
- G 53
- B 84
RGB color chart
- C 51
- M 37
- Y 0
- K 16
CMYK color chart

● #6986d6 color description : Moderate blue.

The hexadecimal color #6986d6 has RGB values of R:105, G:134, B:214 and CMYK values of C:0.51, M:0.37, Y:0, K:0.16. Its decimal value is 6915798.

Hex triplet	6986d6	`#6986d6`
RGB Decimal	105, 134, 214	`rgb(105,134,214)`
RGB Percent	41.2, 52.5, 83.9	`rgb(41.2%,52.5%,83.9%)`
CMYK	51, 37, 0, 16
HSL	224°, 57.1, 62.5	`hsl(224,57.1%,62.5%)`
HSV (or HSB)	224°, 50.9, 83.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.985, 11.994, -44.298
XYZ	26.486, 24.907, 67.027
xyY	0.224, 0.21, 24.907
CIE-LCH	56.985, 45.893, 285.149
CIE-LUV	56.985, -16.011, -70.715
Hunter-Lab	49.907, 7.392, -44.693
Binary	01101001, 10000110, 11010110

#6986d6
```
#6986d6 rgb(105,134,214)
```
#d6b969
```
#d6b969 rgb(214,185,105)
```

Complementary Color

#69bdd6
```
#69bdd6 rgb(105,189,214)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#8369d6
```
#8369d6 rgb(131,105,214)
```

Analogous Color

#bdd669
```
#bdd669 rgb(189,214,105)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#d68369
```
#d68369 rgb(214,131,105)
```

Split Complementary Color

#86d669
```
#86d669 rgb(134,214,105)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#d66986
```
#d66986 rgb(214,105,134)
```

Triadic Color

#69d6b9
```
#69d6b9 rgb(105,214,185)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#d66986
```
#d66986 rgb(214,105,134)
```
#d6b969
```
#d6b969 rgb(214,185,105)
```

Tetradic Color

#3459be
```
#3459be rgb(52,89,190)
```
#4166cb
```
#4166cb rgb(65,102,203)
```
#5576d1
```
#5576d1 rgb(85,118,209)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#7d96db
```
#7d96db rgb(125,150,219)
```
#91a6e1
```
#91a6e1 rgb(145,166,225)
```
#a5b6e6
```
#a5b6e6 rgb(165,182,230)
```

Monochromatic Color

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

#69a1d6
```
#69a1d6 rgb(105,161,214)
```
#6998d6
```
#6998d6 rgb(105,152,214)
```
#698fd6
```
#698fd6 rgb(105,143,214)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#697dd6
```
#697dd6 rgb(105,125,214)
```
#6974d6
```
#6974d6 rgb(105,116,214)
```
#696bd6
```
#696bd6 rgb(105,107,214)
```

Similar Colors

Text with hexadecimal color #6986d6

This text has a font color of #6986d6.

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

#6986d6 background color

This paragraph has a background color of #6986d6.

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

#6986d6 border color

This element has a border color of #6986d6.

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

CSS codes

.text {color:#6986d6;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050913
```
#050913 rgb(5,9,19)
```
#0a1023
```
#0a1023 rgb(10,16,35)
```
#0e1732
```
#0e1732 rgb(14,23,50)
```
#121f42
```
#121f42 rgb(18,31,66)
```
#162651
```
#162651 rgb(22,38,81)
```
#1a2d60
```
#1a2d60 rgb(26,45,96)
```
#1f3470
```
#1f3470 rgb(31,52,112)
```
#233b7f
```
#233b7f rgb(35,59,127)
```
#27438f
```
#27438f rgb(39,67,143)
```
#2b4a9e
```
#2b4a9e rgb(43,74,158)
```
#2f51ad
```
#2f51ad rgb(47,81,173)
```
#3458bd
```
#3458bd rgb(52,88,189)
```

Shade Color Variation

#3b61c9
```
#3b61c9 rgb(59,97,201)
```
#4a6dce
```
#4a6dce rgb(74,109,206)
```
#5a7ad2
```
#5a7ad2 rgb(90,122,210)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#7892da
```
#7892da rgb(120,146,218)
```
#889fde
```
#889fde rgb(136,159,222)
```
#97abe3
```
#97abe3 rgb(151,171,227)
```
#a7b8e7
```
#a7b8e7 rgb(167,184,231)
```
#b6c4eb
```
#b6c4eb rgb(182,196,235)
```
#c5d1ef
```
#c5d1ef rgb(197,209,239)
```
#d5ddf3
```
#d5ddf3 rgb(213,221,243)
```
#e4e9f8
```
#e4e9f8 rgb(228,233,248)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ea3 is the less saturated color, while #4475fb is the most saturated one.

#9c9ea3
```
#9c9ea3 rgb(156,158,163)
```
#959baa
```
#959baa rgb(149,155,170)
```
#8e97b1
```
#8e97b1 rgb(142,151,177)
```
#8694b9
```
#8694b9 rgb(134,148,185)
```
#7f90c0
```
#7f90c0 rgb(127,144,192)
```
#788dc7
```
#788dc7 rgb(120,141,199)
```
#7089cf
```
#7089cf rgb(112,137,207)
```
#6986d6
```
#6986d6 rgb(105,134,214)
```
#6283dd
```
#6283dd rgb(98,131,221)
```
#5a7fe5
```
#5a7fe5 rgb(90,127,229)
```
#537cec
```
#537cec rgb(83,124,236)
```
#4c78f3
```
#4c78f3 rgb(76,120,243)
```
#4475fb
```
#4475fb rgb(68,117,251)
```

Tone Color Variation

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

Dichromacy

#708cd8 Protanopia 1% of men
#648ed7 Deuteranopia 1% of men
#5a98a3 Tritanopia 0.001% of the population

Trichromacy

#6d8ad7 Protanomaly 1% of men, 0.01% of women
#668bd6 Deuteranomaly 6% of men, 0.4% of women
#5f91b5 Tritanomaly 0.01% of the population