#6986d5 hex color

In a RGB color space, hex #6986d5 is composed of 41.2% red, 52.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 37.1% magenta, 0% yellow and 16.5% black. It has a hue angle of 223.9 degrees, a saturation of 56.3% and a lightness of 62.4%. #6986d5 color hex could be obtained by blending #d2ffff with #000dab. Closest websafe color is: #6699cc.

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

● #6986d5 color description : Moderate blue.

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

Hex triplet	6986d5	`#6986d5`
RGB Decimal	105, 134, 213	`rgb(105,134,213)`
RGB Percent	41.2, 52.5, 83.5	`rgb(41.2%,52.5%,83.5%)`
CMYK	51, 37, 0, 16
HSL	223.9°, 56.3, 62.4	`hsl(223.9,56.3%,62.4%)`
HSV (or HSB)	223.9°, 50.7, 83.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.935, 11.684, -43.815
XYZ	26.358, 24.856, 66.356
xyY	0.224, 0.211, 24.856
CIE-LCH	56.935, 45.346, 284.931
CIE-LUV	56.935, -15.994, -69.881
Hunter-Lab	49.856, 7.123, -44.013
Binary	01101001, 10000110, 11010101

#6986d5
```
#6986d5 rgb(105,134,213)
```
#d5b869
```
#d5b869 rgb(213,184,105)
```

Complementary Color

#69bcd5
```
#69bcd5 rgb(105,188,213)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#8269d5
```
#8269d5 rgb(130,105,213)
```

Analogous Color

#bcd569
```
#bcd569 rgb(188,213,105)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#d58269
```
#d58269 rgb(213,130,105)
```

Split Complementary Color

#86d569
```
#86d569 rgb(134,213,105)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#d56986
```
#d56986 rgb(213,105,134)
```

Triadic Color

#69d5b8
```
#69d5b8 rgb(105,213,184)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#d56986
```
#d56986 rgb(213,105,134)
```
#d5b869
```
#d5b869 rgb(213,184,105)
```

Tetradic Color

#3559bd
```
#3559bd rgb(53,89,189)
```
#4166ca
```
#4166ca rgb(65,102,202)
```
#5576cf
```
#5576cf rgb(85,118,207)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#7d96db
```
#7d96db rgb(125,150,219)
```
#91a6e0
```
#91a6e0 rgb(145,166,224)
```
#a5b6e6
```
#a5b6e6 rgb(165,182,230)
```

Monochromatic Color

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

#69a1d5
```
#69a1d5 rgb(105,161,213)
```
#6998d5
```
#6998d5 rgb(105,152,213)
```
#698fd5
```
#698fd5 rgb(105,143,213)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#697dd5
```
#697dd5 rgb(105,125,213)
```
#6974d5
```
#6974d5 rgb(105,116,213)
```
#696bd5
```
#696bd5 rgb(105,107,213)
```

Similar Colors

Text with hexadecimal color #6986d5

This text has a font color of #6986d5.

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

#6986d5 background color

This paragraph has a background color of #6986d5.

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

#6986d5 border color

This element has a border color of #6986d5.

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

CSS codes

.text {color:#6986d5;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050913
```
#050913 rgb(5,9,19)
```
#091022
```
#091022 rgb(9,16,34)
```
#0e1731
```
#0e1731 rgb(14,23,49)
```
#121f41
```
#121f41 rgb(18,31,65)
```
#162650
```
#162650 rgb(22,38,80)
```
#1b2d5f
```
#1b2d5f rgb(27,45,95)
```
#1f346f
```
#1f346f rgb(31,52,111)
```
#233c7e
```
#233c7e rgb(35,60,126)
```
#28438d
```
#28438d rgb(40,67,141)
```
#2c4a9c
```
#2c4a9c rgb(44,74,156)
```
#3051ac
```
#3051ac rgb(48,81,172)
```
#3459bb
```
#3459bb rgb(52,89,187)
```

Shade Color Variation

#3b61c8
```
#3b61c8 rgb(59,97,200)
```
#4a6dcc
```
#4a6dcc rgb(74,109,204)
```
#5a7ad1
```
#5a7ad1 rgb(90,122,209)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#7892d9
```
#7892d9 rgb(120,146,217)
```
#889fde
```
#889fde rgb(136,159,222)
```
#97abe2
```
#97abe2 rgb(151,171,226)
```
#a6b7e6
```
#a6b7e6 rgb(166,183,230)
```
#b6c4ea
```
#b6c4ea rgb(182,196,234)
```
#c5d0ef
```
#c5d0ef rgb(197,208,239)
```
#d4ddf3
```
#d4ddf3 rgb(212,221,243)
```
#e4e9f7
```
#e4e9f7 rgb(228,233,247)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

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

#9d9ea1
```
#9d9ea1 rgb(157,158,161)
```
#959ba9
```
#959ba9 rgb(149,155,169)
```
#8e97b0
```
#8e97b0 rgb(142,151,176)
```
#8794b7
```
#8794b7 rgb(135,148,183)
```
#7f90bf
```
#7f90bf rgb(127,144,191)
```
#788dc6
```
#788dc6 rgb(120,141,198)
```
#7089ce
```
#7089ce rgb(112,137,206)
```
#6986d5
```
#6986d5 rgb(105,134,213)
```
#6283dc
```
#6283dc rgb(98,131,220)
```
#5a7fe4
```
#5a7fe4 rgb(90,127,228)
```
#537ceb
```
#537ceb rgb(83,124,235)
```
#4b78f3
```
#4b78f3 rgb(75,120,243)
```
#4475fa
```
#4475fa rgb(68,117,250)
```

Tone Color Variation

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

#708cd7 Protanopia 1% of men
#658ed6 Deuteranopia 1% of men
#5a97a2 Tritanopia 0.001% of the population

Trichromacy

#6d8ad6 Protanomaly 1% of men, 0.01% of women
#668bd5 Deuteranomaly 6% of men, 0.4% of women
#6091b5 Tritanomaly 0.01% of the population

#6986d5 hex color

#6986d5 Color Information

#6986d5 Color Conversion

Color Schemes with #6986d5

Alternatives to #6986d5

#6986d5 Preview

Shades and Tints of #6986d5

Tones of #6986d5

Color Blindness Simulator