#696696 hex color

In a RGB color space, hex #696696 is composed of 41.2% red, 40% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 32% magenta, 0% yellow and 41.2% black. It has a hue angle of 243.8 degrees, a saturation of 19% and a lightness of 49.4%. #696696 color hex could be obtained by blending #d2ccff with #00002d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 40
- B 59
RGB color chart
- C 30
- M 32
- Y 0
- K 41
CMYK color chart

● #696696 color description : Mostly desaturated dark blue.

The hexadecimal color #696696 has RGB values of R:105, G:102, B:150 and CMYK values of C:0.3, M:0.32, Y:0, K:0.41. Its decimal value is 6907542.

Hex triplet	696696	`#696696`
RGB Decimal	105, 102, 150	`rgb(105,102,150)`
RGB Percent	41.2, 40, 58.8	`rgb(41.2%,40%,58.8%)`
CMYK	30, 32, 0, 41
HSL	243.8°, 19, 49.4	`hsl(243.8,19%,49.4%)`
HSV (or HSB)	243.8°, 32, 58.8
Web Safe	666699	`#666699`

CIE-LAB	45.231, 12.614, -25.78
XYZ	16.081, 14.708, 30.844
xyY	0.261, 0.239, 14.708
CIE-LCH	45.231, 28.701, 296.073
CIE-LUV	45.231, -1.448, -38.971
Hunter-Lab	38.351, 7.734, -20.839
Binary	01101001, 01100110, 10010110

#696696
```
#696696 rgb(105,102,150)
```
#939666
```
#939666 rgb(147,150,102)
```

Complementary Color

#667b96
```
#667b96 rgb(102,123,150)
```
#696696
```
#696696 rgb(105,102,150)
```
#816696
```
#816696 rgb(129,102,150)
```

Analogous Color

#7b9666
```
#7b9666 rgb(123,150,102)
```
#696696
```
#696696 rgb(105,102,150)
```
#968166
```
#968166 rgb(150,129,102)
```

Split Complementary Color

#669669
```
#669669 rgb(102,150,105)
```
#696696
```
#696696 rgb(105,102,150)
```
#966966
```
#966966 rgb(150,105,102)
```

Triadic Color

#669396
```
#669396 rgb(102,147,150)
```
#696696
```
#696696 rgb(105,102,150)
```
#966966
```
#966966 rgb(150,105,102)
```
#939666
```
#939666 rgb(147,150,102)
```

Tetradic Color

#494768
```
#494768 rgb(73,71,104)
```
#545178
```
#545178 rgb(84,81,120)
```
#5e5c87
```
#5e5c87 rgb(94,92,135)
```
#696696
```
#696696 rgb(105,102,150)
```
#7775a1
```
#7775a1 rgb(119,117,161)
```
#8684ab
```
#8684ab rgb(134,132,171)
```
#9593b6
```
#9593b6 rgb(149,147,182)
```

Monochromatic Color

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

#666f96
```
#666f96 rgb(102,111,150)
```
#666b96
```
#666b96 rgb(102,107,150)
```
#666796
```
#666796 rgb(102,103,150)
```
#696696
```
#696696 rgb(105,102,150)
```
#6d6696
```
#6d6696 rgb(109,102,150)
```
#716696
```
#716696 rgb(113,102,150)
```
#756696
```
#756696 rgb(117,102,150)
```

Similar Colors

Text with hexadecimal color #696696

This text has a font color of #696696.

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

#696696 background color

This paragraph has a background color of #696696.

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

#696696 border color

This element has a border color of #696696.

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

CSS codes

.text {color:#696696;}

.background {background-color:#696696;}

.border {border:1px solid #696696;}

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

#07070a
```
#07070a rgb(7,7,10)
```
#0f0f16
```
#0f0f16 rgb(15,15,22)
```
#171721
```
#171721 rgb(23,23,33)
```
#1f1f2d
```
#1f1f2d rgb(31,31,45)
```
#282639
```
#282639 rgb(40,38,57)
```
#302e44
```
#302e44 rgb(48,46,68)
```
#383650
```
#383650 rgb(56,54,80)
```
#403e5c
```
#403e5c rgb(64,62,92)
```
#484667
```
#484667 rgb(72,70,103)
```
#504e73
```
#504e73 rgb(80,78,115)
```
#59567f
```
#59567f rgb(89,86,127)
```
#615e8a
```
#615e8a rgb(97,94,138)
```
#696696
```
#696696 rgb(105,102,150)
```

Shade Color Variation

#74719f
```
#74719f rgb(116,113,159)
```
#7f7da6
```
#7f7da6 rgb(127,125,166)
```
#8b88ae
```
#8b88ae rgb(139,136,174)
```
#9694b6
```
#9694b6 rgb(150,148,182)
```
#a2a0be
```
#a2a0be rgb(162,160,190)
```
#adabc6
```
#adabc6 rgb(173,171,198)
```
#b9b7ce
```
#b9b7ce rgb(185,183,206)
```
#c4c3d6
```
#c4c3d6 rgb(196,195,214)
```
#cfcfde
```
#cfcfde rgb(207,207,222)
```
#dbdae6
```
#dbdae6 rgb(219,218,230)
```
#e6e6ee
```
#e6e6ee rgb(230,230,238)
```
#f2f2f6
```
#f2f2f6 rgb(242,242,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7983 is the less saturated color, while #1405f7 is the most saturated one.

#7a7983
```
#7a7983 rgb(122,121,131)
```
#71708c
```
#71708c rgb(113,112,140)
```
#696696
```
#696696 rgb(105,102,150)
```
#615ca0
```
#615ca0 rgb(97,92,160)
```
#5853a9
```
#5853a9 rgb(88,83,169)
```
#5049b3
```
#5049b3 rgb(80,73,179)
```
#473fbd
```
#473fbd rgb(71,63,189)
```
#3f36c6
```
#3f36c6 rgb(63,54,198)
```
#362cd0
```
#362cd0 rgb(54,44,208)
```
#2e22da
```
#2e22da rgb(46,34,218)
```
#2518e4
```
#2518e4 rgb(37,24,228)
```
#1d0fed
```
#1d0fed rgb(29,15,237)
```
#1405f7
```
#1405f7 rgb(20,5,247)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6b6b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#63719d Protanopia 1% of men
#64719a Deuteranopia 1% of men
#69747c Tritanopia 0.001% of the population

Trichromacy

#656d9a Protanomaly 1% of men, 0.01% of women
#666d98 Deuteranomaly 6% of men, 0.4% of women
#696f85 Tritanomaly 0.01% of the population

#696696 hex color

#696696 Color Information

#696696 Color Conversion

Color Schemes with #696696

Alternatives to #696696

#696696 Preview

Shades and Tints of #696696

Tones of #696696

Color Blindness Simulator