#696fa6 hex color

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

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

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

The hexadecimal color #696fa6 has RGB values of R:105, G:111, B:166 and CMYK values of C:0.37, M:0.33, Y:0, K:0.35. Its decimal value is 6909862.

Hex triplet	696fa6	`#696fa6`
RGB Decimal	105, 111, 166	`rgb(105,111,166)`
RGB Percent	41.2, 43.5, 65.1	`rgb(41.2%,43.5%,65.1%)`
CMYK	37, 33, 0, 35
HSL	234.1°, 25.5, 53.1	`hsl(234.1,25.5%,53.1%)`
HSV (or HSB)	234.1°, 36.7, 65.1
Web Safe	666699	`#666699`

CIE-LAB	48.417, 11.54, -30.253
XYZ	18.392, 17.125, 38.411
xyY	0.249, 0.232, 17.125
CIE-LCH	48.417, 32.379, 290.88
CIE-LUV	48.417, -5.946, -46.357
Hunter-Lab	41.382, 6.913, -26.065
Binary	01101001, 01101111, 10100110

#696fa6
```
#696fa6 rgb(105,111,166)
```
#a6a069
```
#a6a069 rgb(166,160,105)
```

Complementary Color

#698ea6
```
#698ea6 rgb(105,142,166)
```
#696fa6
```
#696fa6 rgb(105,111,166)
```
#8269a6
```
#8269a6 rgb(130,105,166)
```

Analogous Color

#8ea669
```
#8ea669 rgb(142,166,105)
```
#696fa6
```
#696fa6 rgb(105,111,166)
```
#a68269
```
#a68269 rgb(166,130,105)
```

Split Complementary Color

#6fa669
```
#6fa669 rgb(111,166,105)
```
#696fa6
```
#696fa6 rgb(105,111,166)
```
#a6696f
```
#a6696f rgb(166,105,111)
```

Triadic Color

#69a6a0
```
#69a6a0 rgb(105,166,160)
```
#696fa6
```
#696fa6 rgb(105,111,166)
```
#a6696f
```
#a6696f rgb(166,105,111)
```
#a6a069
```
#a6a069 rgb(166,160,105)
```

Tetradic Color

#484d7a
```
#484d7a rgb(72,77,122)
```
#52578a
```
#52578a rgb(82,87,138)
```
#5b629a
```
#5b629a rgb(91,98,154)
```
#696fa6
```
#696fa6 rgb(105,111,166)
```
#797eaf
```
#797eaf rgb(121,126,175)
```
#898eb9
```
#898eb9 rgb(137,142,185)
```
#999dc2
```
#999dc2 rgb(153,157,194)
```

Monochromatic Color

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

#697ea6
```
#697ea6 rgb(105,126,166)
```
#6979a6
```
#6979a6 rgb(105,121,166)
```
#6974a6
```
#6974a6 rgb(105,116,166)
```
#696fa6
```
#696fa6 rgb(105,111,166)
```
#696aa6
```
#696aa6 rgb(105,106,166)
```
#6d69a6
```
#6d69a6 rgb(109,105,166)
```
#7269a6
```
#7269a6 rgb(114,105,166)
```

Similar Colors

Text with hexadecimal color #696fa6

This text has a font color of #696fa6.

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

#696fa6 background color

This paragraph has a background color of #696fa6.

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

#696fa6 border color

This element has a border color of #696fa6.

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

CSS codes

.text {color:#696fa6;}

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

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

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)
```
#1c1e2f
```
#1c1e2f rgb(28,30,47)
```
#23263b
```
#23263b rgb(35,38,59)
```
#2a2d48
```
#2a2d48 rgb(42,45,72)
```
#323554
```
#323554 rgb(50,53,84)
```
#393d60
```
#393d60 rgb(57,61,96)
```
#40456d
```
#40456d rgb(64,69,109)
```
#484d79
```
#484d79 rgb(72,77,121)
```
#4f5485
```
#4f5485 rgb(79,84,133)
```
#565c91
```
#565c91 rgb(86,92,145)
```
#5e649e
```
#5e649e rgb(94,100,158)
```

Shade Color Variation

#696fa6
```
#696fa6 rgb(105,111,166)
```
#757bad
```
#757bad rgb(117,123,173)
```
#8287b5
```
#8287b5 rgb(130,135,181)
```
#8e92bc
```
#8e92bc rgb(142,146,188)
```
#9a9ec3
```
#9a9ec3 rgb(154,158,195)
```
#a7aacb
```
#a7aacb rgb(167,170,203)
```
#b3b6d2
```
#b3b6d2 rgb(179,182,210)
```
#bfc2d9
```
#bfc2d9 rgb(191,194,217)
```
#cbcee0
```
#cbcee0 rgb(203,206,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 #162df9 is the most saturated one.

#85858a
```
#85858a rgb(133,133,138)
```
#7b7e94
```
#7b7e94 rgb(123,126,148)
```
#72769d
```
#72769d rgb(114,118,157)
```
#696fa6
```
#696fa6 rgb(105,111,166)
```
#6068af
```
#6068af rgb(96,104,175)
```
#5760b8
```
#5760b8 rgb(87,96,184)
```
#4d59c2
```
#4d59c2 rgb(77,89,194)
```
#4451cb
```
#4451cb rgb(68,81,203)
```
#3b4ad4
```
#3b4ad4 rgb(59,74,212)
```
#3243dd
```
#3243dd rgb(50,67,221)
```
#293be6
```
#293be6 rgb(41,59,230)
```
#1f34f0
```
#1f34f0 rgb(31,52,240)
```
#162df9
```
#162df9 rgb(22,45,249)
```

Tone Color Variation

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

#6878ac Protanopia 1% of men
#6679a9 Deuteranopia 1% of men
#667d87 Tritanopia 0.001% of the population

Trichromacy

#6875a9 Protanomaly 1% of men, 0.01% of women
#6775a8 Deuteranomaly 6% of men, 0.4% of women
#677892 Tritanomaly 0.01% of the population

#696fa6 hex color

#696fa6 Color Information

#696fa6 Color Conversion

Color Schemes with #696fa6

Alternatives to #696fa6

#696fa6 Preview

Shades and Tints of #696fa6

Tones of #696fa6

Color Blindness Simulator