#696ea9 hex color

In a RGB color space, hex #696ea9 is composed of 41.2% red, 43.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 34.9% magenta, 0% yellow and 33.7% black. It has a hue angle of 235.3 degrees, a saturation of 27.1% and a lightness of 53.7%. #696ea9 color hex could be obtained by blending #d2dcff with #000053. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 43
- B 66
RGB color chart
- C 38
- M 35
- Y 0
- K 34
CMYK color chart

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

The hexadecimal color #696ea9 has RGB values of R:105, G:110, B:169 and CMYK values of C:0.38, M:0.35, Y:0, K:0.34. Its decimal value is 6909609.

Hex triplet	696ea9	`#696ea9`
RGB Decimal	105, 110, 169	`rgb(105,110,169)`
RGB Percent	41.2, 43.1, 66.3	`rgb(41.2%,43.1%,66.3%)`
CMYK	38, 35, 0, 34
HSL	235.3°, 27.1, 53.7	`hsl(235.3,27.1%,53.7%)`
HSV (or HSB)	235.3°, 37.9, 66.3
Web Safe	666699	`#666699`

CIE-LAB	48.284, 13, -32.215
XYZ	18.562, 17.019, 39.841
xyY	0.246, 0.226, 17.019
CIE-LCH	48.284, 34.739, 291.977
CIE-LUV	48.284, -5.71, -49.558
Hunter-Lab	41.254, 8.118, -28.381
Binary	01101001, 01101110, 10101001

#696ea9
```
#696ea9 rgb(105,110,169)
```
#a9a469
```
#a9a469 rgb(169,164,105)
```

Complementary Color

#698ea9
```
#698ea9 rgb(105,142,169)
```
#696ea9
```
#696ea9 rgb(105,110,169)
```
#8469a9
```
#8469a9 rgb(132,105,169)
```

Analogous Color

#8ea969
```
#8ea969 rgb(142,169,105)
```
#696ea9
```
#696ea9 rgb(105,110,169)
```
#a98469
```
#a98469 rgb(169,132,105)
```

Split Complementary Color

#6ea969
```
#6ea969 rgb(110,169,105)
```
#696ea9
```
#696ea9 rgb(105,110,169)
```
#a9696e
```
#a9696e rgb(169,105,110)
```

Triadic Color

#69a9a4
```
#69a9a4 rgb(105,169,164)
```
#696ea9
```
#696ea9 rgb(105,110,169)
```
#a9696e
```
#a9696e rgb(169,105,110)
```
#a9a469
```
#a9a469 rgb(169,164,105)
```

Tetradic Color

#484c7e
```
#484c7e rgb(72,76,126)
```
#51568e
```
#51568e rgb(81,86,142)
```
#5b609e
```
#5b609e rgb(91,96,158)
```
#696ea9
```
#696ea9 rgb(105,110,169)
```
#797eb2
```
#797eb2 rgb(121,126,178)
```
#898dbc
```
#898dbc rgb(137,141,188)
```
#9a9dc5
```
#9a9dc5 rgb(154,157,197)
```

Monochromatic Color

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

#697ea9
```
#697ea9 rgb(105,126,169)
```
#6979a9
```
#6979a9 rgb(105,121,169)
```
#6973a9
```
#6973a9 rgb(105,115,169)
```
#696ea9
```
#696ea9 rgb(105,110,169)
```
#6969a9
```
#6969a9 rgb(105,105,169)
```
#6f69a9
```
#6f69a9 rgb(111,105,169)
```
#7469a9
```
#7469a9 rgb(116,105,169)
```

Similar Colors

Text with hexadecimal color #696ea9

This text has a font color of #696ea9.

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

#696ea9 background color

This paragraph has a background color of #696ea9.

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

#696ea9 border color

This element has a border color of #696ea9.

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

CSS codes

.text {color:#696ea9;}

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

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

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

#07070c
```
#07070c rgb(7,7,12)
```
#0e0f19
```
#0e0f19 rgb(14,15,25)
```
#151625
```
#151625 rgb(21,22,37)
```
#1c1e31
```
#1c1e31 rgb(28,30,49)
```
#24263e
```
#24263e rgb(36,38,62)
```
#2b2d4a
```
#2b2d4a rgb(43,45,74)
```
#323557
```
#323557 rgb(50,53,87)
```
#393c63
```
#393c63 rgb(57,60,99)
```
#404470
```
#404470 rgb(64,68,112)
```
#474b7c
```
#474b7c rgb(71,75,124)
```
#4e5389
```
#4e5389 rgb(78,83,137)
```
#565b95
```
#565b95 rgb(86,91,149)
```
#5d62a2
```
#5d62a2 rgb(93,98,162)
```

Shade Color Variation

#696ea9
```
#696ea9 rgb(105,110,169)
```
#757ab0
```
#757ab0 rgb(117,122,176)
```
#8286b7
```
#8286b7 rgb(130,134,183)
```
#8e92be
```
#8e92be rgb(142,146,190)
```
#9b9ec6
```
#9b9ec6 rgb(155,158,198)
```
#a7aacd
```
#a7aacd rgb(167,170,205)
```
#b4b6d4
```
#b4b6d4 rgb(180,182,212)
```
#c0c2db
```
#c0c2db rgb(192,194,219)
```
#cdcee2
```
#cdcee2 rgb(205,206,226)
```
#d9dae9
```
#d9dae9 rgb(217,218,233)
```
#e6e7f0
```
#e6e7f0 rgb(230,231,240)
```
#f2f3f8
```
#f2f3f8 rgb(242,243,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84858e is the less saturated color, while #1729fb is the most saturated one.

#84858e
```
#84858e rgb(132,133,142)
```
#7b7d97
```
#7b7d97 rgb(123,125,151)
```
#7276a0
```
#7276a0 rgb(114,118,160)
```
#696ea9
```
#696ea9 rgb(105,110,169)
```
#6066b2
```
#6066b2 rgb(96,102,178)
```
#575fbb
```
#575fbb rgb(87,95,187)
```
#4e57c4
```
#4e57c4 rgb(78,87,196)
```
#454fcd
```
#454fcd rgb(69,79,205)
```
#3c48d6
```
#3c48d6 rgb(60,72,214)
```
#3340df
```
#3340df rgb(51,64,223)
```
#2938e9
```
#2938e9 rgb(41,56,233)
```
#2031f2
```
#2031f2 rgb(32,49,242)
```
#1729fb
```
#1729fb rgb(23,41,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#71727e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6578af Protanopia 1% of men
#6379ac Deuteranopia 1% of men
#657d86 Tritanopia 0.001% of the population

Trichromacy

#6674ad Protanomaly 1% of men, 0.01% of women
#6575aa Deuteranomaly 6% of men, 0.4% of women
#667893 Tritanomaly 0.01% of the population

#696ea9 hex color

#696ea9 Color Information

#696ea9 Color Conversion

Color Schemes with #696ea9

Alternatives to #696ea9

#696ea9 Preview

Shades and Tints of #696ea9

Tones of #696ea9

Color Blindness Simulator