#6976dd hex color

In a RGB color space, hex #6976dd is composed of 41.2% red, 46.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 46.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 233.3 degrees, a saturation of 63% and a lightness of 63.9%. #6976dd color hex could be obtained by blending #d2ecff with #0000bb. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 46
- B 87
RGB color chart
- C 52
- M 47
- Y 0
- K 13
CMYK color chart

● #6976dd color description : Soft blue.

The hexadecimal color #6976dd has RGB values of R:105, G:118, B:221 and CMYK values of C:0.52, M:0.47, Y:0, K:0.13. Its decimal value is 6911709.

Hex triplet	6976dd	`#6976dd`
RGB Decimal	105, 118, 221	`rgb(105,118,221)`
RGB Percent	41.2, 46.3, 86.7	`rgb(41.2%,46.3%,86.7%)`
CMYK	52, 47, 0, 13
HSL	233.3°, 63, 63.9	`hsl(233.3,63%,63.9%)`
HSV (or HSB)	233.3°, 52.5, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.145, 23.818, -54.342
XYZ	25.353, 21.18, 71.155
xyY	0.215, 0.18, 21.18
CIE-LCH	53.145, 59.332, 293.668
CIE-LUV	53.145, -10.788, -86.925
Hunter-Lab	46.021, 17.797, -59.455
Binary	01101001, 01110110, 11011101

#6976dd
```
#6976dd rgb(105,118,221)
```
#ddd069
```
#ddd069 rgb(221,208,105)
```

Complementary Color

#69b0dd
```
#69b0dd rgb(105,176,221)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#9669dd
```
#9669dd rgb(150,105,221)
```

Analogous Color

#b0dd69
```
#b0dd69 rgb(176,221,105)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#dd9669
```
#dd9669 rgb(221,150,105)
```

Split Complementary Color

#76dd69
```
#76dd69 rgb(118,221,105)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#dd6976
```
#dd6976 rgb(221,105,118)
```

Triadic Color

#69ddd0
```
#69ddd0 rgb(105,221,208)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#dd6976
```
#dd6976 rgb(221,105,118)
```
#ddd069
```
#ddd069 rgb(221,208,105)
```

Tetradic Color

#2e40cb
```
#2e40cb rgb(46,64,203)
```
#3f50d4
```
#3f50d4 rgb(63,80,212)
```
#5463d8
```
#5463d8 rgb(84,99,216)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#7e89e2
```
#7e89e2 rgb(126,137,226)
```
#939ce6
```
#939ce6 rgb(147,156,230)
```
#a7afeb
```
#a7afeb rgb(167,175,235)
```

Monochromatic Color

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

#6993dd
```
#6993dd rgb(105,147,221)
```
#6989dd
```
#6989dd rgb(105,137,221)
```
#6980dd
```
#6980dd rgb(105,128,221)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#696cdd
```
#696cdd rgb(105,108,221)
```
#6f69dd
```
#6f69dd rgb(111,105,221)
```
#7969dd
```
#7969dd rgb(121,105,221)
```

Similar Colors

Text with hexadecimal color #6976dd

This text has a font color of #6976dd.

<span style="color:#6976dd;">Text here</span>

#6976dd background color

This paragraph has a background color of #6976dd.

<p style="background-color:#6976dd;">Content here</p>

#6976dd border color

This element has a border color of #6976dd.

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

CSS codes

.text {color:#6976dd;}

.background {background-color:#6976dd;}

.border {border:1px solid #6976dd;}

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, #02030a is the darkest color, while #f9f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#06081a
```
#06081a rgb(6,8,26)
```
#090d2a
```
#090d2a rgb(9,13,42)
```
#0d123a
```
#0d123a rgb(13,18,58)
```
#11174a
```
#11174a rgb(17,23,74)
```
#141c5a
```
#141c5a rgb(20,28,90)
```
#18216a
```
#18216a rgb(24,33,106)
```
#1c267a
```
#1c267a rgb(28,38,122)
```
#1f2b8a
```
#1f2b8a rgb(31,43,138)
```
#23309a
```
#23309a rgb(35,48,154)
```
#2635aa
```
#2635aa rgb(38,53,170)
```
#2a3aba
```
#2a3aba rgb(42,58,186)
```
#2e3fca
```
#2e3fca rgb(46,63,202)
```

Shade Color Variation

#394ad2
```
#394ad2 rgb(57,74,210)
```
#4959d6
```
#4959d6 rgb(73,89,214)
```
#5967d9
```
#5967d9 rgb(89,103,217)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#7985e1
```
#7985e1 rgb(121,133,225)
```
#8993e4
```
#8993e4 rgb(137,147,228)
```
#99a2e8
```
#99a2e8 rgb(153,162,232)
```
#a9b0eb
```
#a9b0eb rgb(169,176,235)
```
#b9bfef
```
#b9bfef rgb(185,191,239)
```
#c9cef3
```
#c9cef3 rgb(201,206,243)
```
#d9dcf6
```
#d9dcf6 rgb(217,220,246)
```
#e9ebfa
```
#e9ebfa rgb(233,235,250)
```
#f9f9fe
```
#f9f9fe rgb(249,249,254)
```

Tint Color Variation

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

#a2a2a4
```
#a2a2a4 rgb(162,162,164)
```
#9b9cab
```
#9b9cab rgb(155,156,171)
```
#9397b3
```
#9397b3 rgb(147,151,179)
```
#8c91ba
```
#8c91ba rgb(140,145,186)
```
#858cc1
```
#858cc1 rgb(133,140,193)
```
#7e86c8
```
#7e86c8 rgb(126,134,200)
```
#7781cf
```
#7781cf rgb(119,129,207)
```
#707bd6
```
#707bd6 rgb(112,123,214)
```
#6976dd
```
#6976dd rgb(105,118,221)
```
#6271e4
```
#6271e4 rgb(98,113,228)
```
#5b6beb
```
#5b6beb rgb(91,107,235)
```
#5466f2
```
#5466f2 rgb(84,102,242)
```
#4d60f9
```
#4d60f9 rgb(77,96,249)
```

Tone Color Variation

Below, you can see how #6976dd 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

#7e7e7e Achromatopsia 0.005% of the population
#7a7c91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5282e3 Protanopia 1% of men
#3a87da Deuteranopia 1% of men
#518e98 Tritanopia 0.001% of the population

Trichromacy

#5a7de0 Protanomaly 1% of men, 0.01% of women
#4b80db Deuteranomaly 6% of men, 0.4% of women
#5a85b1 Tritanomaly 0.01% of the population

#6976dd hex color

#6976dd Color Information

#6976dd Color Conversion

Color Schemes with #6976dd

Alternatives to #6976dd

#6976dd Preview

Shades and Tints of #6976dd

Tones of #6976dd

Color Blindness Simulator