#696ea6 hex color

In a RGB color space, hex #696ea6 is composed of 41.2% red, 43.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 36.7% cyan, 33.7% magenta, 0% yellow and 34.9% black. It has a hue angle of 235.1 degrees, a saturation of 25.5% and a lightness of 53.1%. #696ea6 color hex could be obtained by blending #d2dcff with #00004d. Closest websafe color is: #666699.

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

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

The hexadecimal color #696ea6 has RGB values of R:105, G:110, B:166 and CMYK values of C:0.37, M:0.34, Y:0, K:0.35. Its decimal value is 6909606.

Hex triplet	696ea6	`#696ea6`
RGB Decimal	105, 110, 166	`rgb(105,110,166)`
RGB Percent	41.2, 43.1, 65.1	`rgb(41.2%,43.1%,65.1%)`
CMYK	37, 34, 0, 35
HSL	235.1°, 25.5, 53.1	`hsl(235.1,25.5%,53.1%)`
HSV (or HSB)	235.1°, 36.7, 65.1
Web Safe	666699	`#666699`

CIE-LAB	48.144, 12.148, -30.68
XYZ	18.283, 16.908, 38.375
xyY	0.249, 0.23, 16.908
CIE-LCH	48.144, 32.997, 291.602
CIE-LUV	48.144, -5.557, -47.037
Hunter-Lab	41.119, 7.41, -26.549
Binary	01101001, 01101110, 10100110

#696ea6
```
#696ea6 rgb(105,110,166)
```
#a6a169
```
#a6a169 rgb(166,161,105)
```

Complementary Color

#698da6
```
#698da6 rgb(105,141,166)
```
#696ea6
```
#696ea6 rgb(105,110,166)
```
#8369a6
```
#8369a6 rgb(131,105,166)
```

Analogous Color

#8da669
```
#8da669 rgb(141,166,105)
```
#696ea6
```
#696ea6 rgb(105,110,166)
```
#a68369
```
#a68369 rgb(166,131,105)
```

Split Complementary Color

#6ea669
```
#6ea669 rgb(110,166,105)
```
#696ea6
```
#696ea6 rgb(105,110,166)
```
#a6696e
```
#a6696e rgb(166,105,110)
```

Triadic Color

#69a6a1
```
#69a6a1 rgb(105,166,161)
```
#696ea6
```
#696ea6 rgb(105,110,166)
```
#a6696e
```
#a6696e rgb(166,105,110)
```
#a6a169
```
#a6a169 rgb(166,161,105)
```

Tetradic Color

#484c7a
```
#484c7a rgb(72,76,122)
```
#52578a
```
#52578a rgb(82,87,138)
```
#5b619a
```
#5b619a rgb(91,97,154)
```
#696ea6
```
#696ea6 rgb(105,110,166)
```
#797daf
```
#797daf rgb(121,125,175)
```
#898db9
```
#898db9 rgb(137,141,185)
```
#999cc2
```
#999cc2 rgb(153,156,194)
```

Monochromatic Color

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

#697da6
```
#697da6 rgb(105,125,166)
```
#6978a6
```
#6978a6 rgb(105,120,166)
```
#6973a6
```
#6973a6 rgb(105,115,166)
```
#696ea6
```
#696ea6 rgb(105,110,166)
```
#6969a6
```
#6969a6 rgb(105,105,166)
```
#6e69a6
```
#6e69a6 rgb(110,105,166)
```
#7369a6
```
#7369a6 rgb(115,105,166)
```

Similar Colors

Text with hexadecimal color #696ea6

This text has a font color of #696ea6.

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

#696ea6 background color

This paragraph has a background color of #696ea6.

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

#696ea6 border color

This element has a border color of #696ea6.

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

CSS codes

.text {color:#696ea6;}

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

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

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

#06060a
```
#06060a rgb(6,6,10)
```
#0d0e16
```
#0d0e16 rgb(13,14,22)
```
#151623
```
#151623 rgb(21,22,35)
```
#1c1d2f
```
#1c1d2f rgb(28,29,47)
```
#23253b
```
#23253b rgb(35,37,59)
```
#2a2d48
```
#2a2d48 rgb(42,45,72)
```
#323554
```
#323554 rgb(50,53,84)
```
#393c60
```
#393c60 rgb(57,60,96)
```
#40446d
```
#40446d rgb(64,68,109)
```
#484c79
```
#484c79 rgb(72,76,121)
```
#4f5385
```
#4f5385 rgb(79,83,133)
```
#565b91
```
#565b91 rgb(86,91,145)
```
#5e639e
```
#5e639e rgb(94,99,158)
```

Shade Color Variation

#696ea6
```
#696ea6 rgb(105,110,166)
```
#757aad
```
#757aad rgb(117,122,173)
```
#8286b5
```
#8286b5 rgb(130,134,181)
```
#8e92bc
```
#8e92bc rgb(142,146,188)
```
#9a9ec3
```
#9a9ec3 rgb(154,158,195)
```
#a7aacb
```
#a7aacb rgb(167,170,203)
```
#b3b5d2
```
#b3b5d2 rgb(179,181,210)
```
#bfc1d9
```
#bfc1d9 rgb(191,193,217)
```
#cbcde0
```
#cbcde0 rgb(203,205,224)
```
#d8d9e8
```
#d8d9e8 rgb(216,217,232)
```
#e4e5ef
```
#e4e5ef rgb(228,229,239)
```
#f0f1f6
```
#f0f1f6 rgb(240,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85858a is the less saturated color, while #1629f9 is the most saturated one.

#85858a
```
#85858a rgb(133,133,138)
```
#7b7d94
```
#7b7d94 rgb(123,125,148)
```
#72769d
```
#72769d rgb(114,118,157)
```
#696ea6
```
#696ea6 rgb(105,110,166)
```
#6066af
```
#6066af rgb(96,102,175)
```
#575fb8
```
#575fb8 rgb(87,95,184)
```
#4d57c2
```
#4d57c2 rgb(77,87,194)
```
#444fcb
```
#444fcb rgb(68,79,203)
```
#3b48d4
```
#3b48d4 rgb(59,72,212)
```
#3240dd
```
#3240dd rgb(50,64,221)
```
#2938e6
```
#2938e6 rgb(41,56,230)
```
#1f31f0
```
#1f31f0 rgb(31,49,240)
```
#1629f9
```
#1629f9 rgb(22,41,249)
```

Tone Color Variation

Below, you can see how #696ea6 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
#71727d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6677ac Protanopia 1% of men
#6578a9 Deuteranopia 1% of men
#667d86 Tritanopia 0.001% of the population

Trichromacy

#6774aa Protanomaly 1% of men, 0.01% of women
#6674a8 Deuteranomaly 6% of men, 0.4% of women
#677791 Tritanomaly 0.01% of the population

#696ea6 hex color

#696ea6 Color Information

#696ea6 Color Conversion

Color Schemes with #696ea6

Alternatives to #696ea6

#696ea6 Preview

Shades and Tints of #696ea6

Tones of #696ea6

Color Blindness Simulator