#696ea2 hex color

In a RGB color space, hex #696ea2 is composed of 41.2% red, 43.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 35.2% cyan, 32.1% magenta, 0% yellow and 36.5% black. It has a hue angle of 234.7 degrees, a saturation of 23.5% and a lightness of 52.4%. #696ea2 color hex could be obtained by blending #d2dcff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 43
- B 64
RGB color chart
- C 35
- M 32
- Y 0
- K 36
CMYK color chart

● #696ea2 color description : Mostly desaturated dark blue.

The hexadecimal color #696ea2 has RGB values of R:105, G:110, B:162 and CMYK values of C:0.35, M:0.32, Y:0, K:0.36. Its decimal value is 6909602.

Hex triplet	696ea2	`#696ea2`
RGB Decimal	105, 110, 162	`rgb(105,110,162)`
RGB Percent	41.2, 43.1, 63.5	`rgb(41.2%,43.1%,63.5%)`
CMYK	35, 32, 0, 36
HSL	234.7°, 23.5, 52.4	`hsl(234.7,23.5%,52.4%)`
HSV (or HSB)	234.7°, 35.2, 63.5
Web Safe	666699	`#666699`

CIE-LAB	47.96, 11.024, -28.621
XYZ	17.922, 16.763, 36.472
xyY	0.252, 0.236, 16.763
CIE-LCH	47.96, 30.671, 291.066
CIE-LUV	47.96, -5.352, -43.668
Hunter-Lab	40.943, 6.484, -24.155
Binary	01101001, 01101110, 10100010

#696ea2
```
#696ea2 rgb(105,110,162)
```
#a29d69
```
#a29d69 rgb(162,157,105)
```

Complementary Color

#698ba2
```
#698ba2 rgb(105,139,162)
```
#696ea2
```
#696ea2 rgb(105,110,162)
```
#8169a2
```
#8169a2 rgb(129,105,162)
```

Analogous Color

#8ba269
```
#8ba269 rgb(139,162,105)
```
#696ea2
```
#696ea2 rgb(105,110,162)
```
#a28169
```
#a28169 rgb(162,129,105)
```

Split Complementary Color

#6ea269
```
#6ea269 rgb(110,162,105)
```
#696ea2
```
#696ea2 rgb(105,110,162)
```
#a2696e
```
#a2696e rgb(162,105,110)
```

Triadic Color

#69a29d
```
#69a29d rgb(105,162,157)
```
#696ea2
```
#696ea2 rgb(105,110,162)
```
#a2696e
```
#a2696e rgb(162,105,110)
```
#a29d69
```
#a29d69 rgb(162,157,105)
```

Tetradic Color

#494d76
```
#494d76 rgb(73,77,118)
```
#535785
```
#535785 rgb(83,87,133)
```
#5c6195
```
#5c6195 rgb(92,97,149)
```
#696ea2
```
#696ea2 rgb(105,110,162)
```
#797dac
```
#797dac rgb(121,125,172)
```
#888cb6
```
#888cb6 rgb(136,140,182)
```
#989cbf
```
#989cbf rgb(152,156,191)
```

Monochromatic Color

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

#697ca2
```
#697ca2 rgb(105,124,162)
```
#6978a2
```
#6978a2 rgb(105,120,162)
```
#6973a2
```
#6973a2 rgb(105,115,162)
```
#696ea2
```
#696ea2 rgb(105,110,162)
```
#6969a2
```
#6969a2 rgb(105,105,162)
```
#6e69a2
```
#6e69a2 rgb(110,105,162)
```
#7269a2
```
#7269a2 rgb(114,105,162)
```

Similar Colors

Text with hexadecimal color #696ea2

This text has a font color of #696ea2.

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

#696ea2 background color

This paragraph has a background color of #696ea2.

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

#696ea2 border color

This element has a border color of #696ea2.

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

CSS codes

.text {color:#696ea2;}

.background {background-color:#696ea2;}

.border {border:1px solid #696ea2;}

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

#050507
```
#050507 rgb(5,5,7)
```
#0c0d14
```
#0c0d14 rgb(12,13,20)
```
#141520
```
#141520 rgb(20,21,32)
```
#1b1d2c
```
#1b1d2c rgb(27,29,44)
```
#232438
```
#232438 rgb(35,36,56)
```
#2a2c44
```
#2a2c44 rgb(42,44,68)
```
#323450
```
#323450 rgb(50,52,80)
```
#393c5c
```
#393c5c rgb(57,60,92)
```
#414468
```
#414468 rgb(65,68,104)
```
#484c74
```
#484c74 rgb(72,76,116)
```
#505480
```
#505480 rgb(80,84,128)
```
#575c8d
```
#575c8d rgb(87,92,141)
```
#5f6499
```
#5f6499 rgb(95,100,153)
```

Shade Color Variation

#696ea2
```
#696ea2 rgb(105,110,162)
```
#757aaa
```
#757aaa rgb(117,122,170)
```
#8185b1
```
#8185b1 rgb(129,133,177)
```
#8d91b9
```
#8d91b9 rgb(141,145,185)
```
#999dc0
```
#999dc0 rgb(153,157,192)
```
#a6a9c8
```
#a6a9c8 rgb(166,169,200)
```
#b2b4cf
```
#b2b4cf rgb(178,180,207)
```
#bec0d7
```
#bec0d7 rgb(190,192,215)
```
#caccde
```
#caccde rgb(202,204,222)
```
#d6d7e6
```
#d6d7e6 rgb(214,215,230)
```
#e2e3ed
```
#e2e3ed rgb(226,227,237)
```
#eeeff5
```
#eeeff5 rgb(238,239,245)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#858586
```
#858586 rgb(133,133,134)
```
#7c7d8f
```
#7c7d8f rgb(124,125,143)
```
#727699
```
#727699 rgb(114,118,153)
```
#696ea2
```
#696ea2 rgb(105,110,162)
```
#6066ab
```
#6066ab rgb(96,102,171)
```
#565fb5
```
#565fb5 rgb(86,95,181)
```
#4d57be
```
#4d57be rgb(77,87,190)
```
#444fc7
```
#444fc7 rgb(68,79,199)
```
#3a47d1
```
#3a47d1 rgb(58,71,209)
```
#3140da
```
#3140da rgb(49,64,218)
```
#2838e3
```
#2838e3 rgb(40,56,227)
```
#1e30ed
```
#1e30ed rgb(30,48,237)
```
#1529f6
```
#1529f6 rgb(21,41,246)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#70717c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6877a8 Protanopia 1% of men
#6778a5 Deuteranopia 1% of men
#677c85 Tritanopia 0.001% of the population

Trichromacy

#6874a5 Protanomaly 1% of men, 0.01% of women
#6874a4 Deuteranomaly 6% of men, 0.4% of women
#68778f Tritanomaly 0.01% of the population

#696ea2 hex color

#696ea2 Color Information

#696ea2 Color Conversion

Color Schemes with #696ea2

Alternatives to #696ea2

#696ea2 Preview

Shades and Tints of #696ea2

Tones of #696ea2

Color Blindness Simulator