#696486 hex color

In a RGB color space, hex #696486 is composed of 41.2% red, 39.2% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 25.4% magenta, 0% yellow and 47.5% black. It has a hue angle of 248.8 degrees, a saturation of 14.5% and a lightness of 45.9%. #696486 color hex could be obtained by blending #d2c8ff with #00000d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 39
- B 53
RGB color chart
- C 22
- M 25
- Y 0
- K 47
CMYK color chart

● #696486 color description : Mostly desaturated dark blue.

The hexadecimal color #696486 has RGB values of R:105, G:100, B:134 and CMYK values of C:0.22, M:0.25, Y:0, K:0.47. Its decimal value is 6907014.

Hex triplet	696486	`#696486`
RGB Decimal	105, 100, 134	`rgb(105,100,134)`
RGB Percent	41.2, 39.2, 52.5	`rgb(41.2%,39.2%,52.5%)`
CMYK	22, 25, 0, 47
HSL	248.8°, 14.5, 45.9	`hsl(248.8,14.5%,45.9%)`
HSV (or HSB)	248.8°, 25.4, 52.5
Web Safe	666699	`#666699`

CIE-LAB	44.001, 9.674, -18.115
XYZ	14.685, 13.839, 24.45
xyY	0.277, 0.261, 13.839
CIE-LCH	44.001, 20.536, 298.103
CIE-LUV	44.001, 0.495, -26.896
Hunter-Lab	37.2, 5.363, -12.929
Binary	01101001, 01100100, 10000110

#696486
```
#696486 rgb(105,100,134)
```
#818664
```
#818664 rgb(129,134,100)
```

Complementary Color

#647086
```
#647086 rgb(100,112,134)
```
#696486
```
#696486 rgb(105,100,134)
```
#7a6486
```
#7a6486 rgb(122,100,134)
```

Analogous Color

#708664
```
#708664 rgb(112,134,100)
```
#696486
```
#696486 rgb(105,100,134)
```
#867a64
```
#867a64 rgb(134,122,100)
```

Split Complementary Color

#648669
```
#648669 rgb(100,134,105)
```
#696486
```
#696486 rgb(105,100,134)
```
#866964
```
#866964 rgb(134,105,100)
```

Triadic Color

#648186
```
#648186 rgb(100,129,134)
```
#696486
```
#696486 rgb(105,100,134)
```
#866964
```
#866964 rgb(134,105,100)
```
#818664
```
#818664 rgb(129,134,100)
```

Tetradic Color

#47435a
```
#47435a rgb(71,67,90)
```
#524e69
```
#524e69 rgb(82,78,105)
```
#5e5977
```
#5e5977 rgb(94,89,119)
```
#696486
```
#696486 rgb(105,100,134)
```
#757094
```
#757094 rgb(117,112,148)
```
#837e9f
```
#837e9f rgb(131,126,159)
```
#918daa
```
#918daa rgb(145,141,170)
```

Monochromatic Color

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

#646886
```
#646886 rgb(100,104,134)
```
#646586
```
#646586 rgb(100,101,134)
```
#666486
```
#666486 rgb(102,100,134)
```
#696486
```
#696486 rgb(105,100,134)
```
#6c6486
```
#6c6486 rgb(108,100,134)
```
#6f6486
```
#6f6486 rgb(111,100,134)
```
#726486
```
#726486 rgb(114,100,134)
```

Similar Colors

Text with hexadecimal color #696486

This text has a font color of #696486.

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

#696486 background color

This paragraph has a background color of #696486.

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

#696486 border color

This element has a border color of #696486.

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

CSS codes

.text {color:#696486;}

.background {background-color:#696486;}

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

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

#08080a
```
#08080a rgb(8,8,10)
```
#111016
```
#111016 rgb(17,16,22)
```
#1a1921
```
#1a1921 rgb(26,25,33)
```
#23212c
```
#23212c rgb(35,33,44)
```
#2b2937
```
#2b2937 rgb(43,41,55)
```
#343243
```
#343243 rgb(52,50,67)
```
#3d3a4e
```
#3d3a4e rgb(61,58,78)
```
#464259
```
#464259 rgb(70,66,89)
```
#4f4b64
```
#4f4b64 rgb(79,75,100)
```
#575370
```
#575370 rgb(87,83,112)
```
#605c7b
```
#605c7b rgb(96,92,123)
```
#696486
```
#696486 rgb(105,100,134)
```
#726c91
```
#726c91 rgb(114,108,145)
```

Shade Color Variation

#7c779a
```
#7c779a rgb(124,119,154)
```
#8783a2
```
#8783a2 rgb(135,131,162)
```
#928eab
```
#928eab rgb(146,142,171)
```
#9d99b3
```
#9d99b3 rgb(157,153,179)
```
#a8a4bb
```
#a8a4bb rgb(168,164,187)
```
#b3b0c4
```
#b3b0c4 rgb(179,176,196)
```
#bdbbcc
```
#bdbbcc rgb(189,187,204)
```
#c8c6d4
```
#c8c6d4 rgb(200,198,212)
```
#d3d1dd
```
#d3d1dd rgb(211,209,221)
```
#dedde5
```
#dedde5 rgb(222,221,229)
```
#e9e8ee
```
#e9e8ee rgb(233,232,238)
```
#f3f3f6
```
#f3f3f6 rgb(243,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f6d7d is the less saturated color, while #2301e9 is the most saturated one.

#6f6d7d
```
#6f6d7d rgb(111,109,125)
```
#696486
```
#696486 rgb(105,100,134)
```
#635b8f
```
#635b8f rgb(99,91,143)
```
#5c5298
```
#5c5298 rgb(92,82,152)
```
#5649a1
```
#5649a1 rgb(86,73,161)
```
#5040aa
```
#5040aa rgb(80,64,170)
```
#4937b3
```
#4937b3 rgb(73,55,179)
```
#432ebc
```
#432ebc rgb(67,46,188)
```
#3d25c5
```
#3d25c5 rgb(61,37,197)
```
#361cce
```
#361cce rgb(54,28,206)
```
#3013d7
```
#3013d7 rgb(48,19,215)
```
#290ae0
```
#290ae0 rgb(41,10,224)
```
#2301e9
```
#2301e9 rgb(35,1,233)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#69686f Atypical Achromatopsia 0.001% of the population

Dichromacy

#676e8e Protanopia 1% of men
#6a6d8b Deuteranopia 1% of men
#6c7078 Tritanopia 0.001% of the population

Trichromacy

#676a8b Protanomaly 1% of men, 0.01% of women
#6a6a89 Deuteranomaly 6% of men, 0.4% of women
#6b6b7d Tritanomaly 0.01% of the population

#696486 hex color

#696486 Color Information

#696486 Color Conversion

Color Schemes with #696486

Alternatives to #696486

#696486 Preview

Shades and Tints of #696486

Tones of #696486

Color Blindness Simulator