#696aaf hex color

In a RGB color space, hex #696aaf is composed of 41.2% red, 41.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 39.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 239.1 degrees, a saturation of 30.4% and a lightness of 54.9%. #696aaf color hex could be obtained by blending #d2d4ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 42
- B 69
RGB color chart
- C 40
- M 39
- Y 0
- K 31
CMYK color chart

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

The hexadecimal color #696aaf has RGB values of R:105, G:106, B:175 and CMYK values of C:0.4, M:0.39, Y:0, K:0.31. Its decimal value is 6908591.

Hex triplet	696aaf	`#696aaf`
RGB Decimal	105, 106, 175	`rgb(105,106,175)`
RGB Percent	41.2, 41.6, 68.6	`rgb(41.2%,41.6%,68.6%)`
CMYK	40, 39, 0, 31
HSL	239.1°, 30.4, 54.9	`hsl(239.1,30.4%,54.9%)`
HSV (or HSB)	239.1°, 40, 68.6
Web Safe	666699	`#666699`

CIE-LAB	47.503, 17.171, -36.946
XYZ	18.716, 16.406, 42.736
xyY	0.24, 0.211, 16.406
CIE-LCH	47.503, 40.741, 294.928
CIE-LUV	47.503, -4.54, -57.208
Hunter-Lab	40.504, 11.598, -34.203
Binary	01101001, 01101010, 10101111

#696aaf
```
#696aaf rgb(105,106,175)
```
#afae69
```
#afae69 rgb(175,174,105)
```

Complementary Color

#698daf
```
#698daf rgb(105,141,175)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#8b69af
```
#8b69af rgb(139,105,175)
```

Analogous Color

#8daf69
```
#8daf69 rgb(141,175,105)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#af8b69
```
#af8b69 rgb(175,139,105)
```

Split Complementary Color

#6aaf69
```
#6aaf69 rgb(106,175,105)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#af696a
```
#af696a rgb(175,105,106)
```

Triadic Color

#69afae
```
#69afae rgb(105,175,174)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#af696a
```
#af696a rgb(175,105,106)
```
#afae69
```
#afae69 rgb(175,174,105)
```

Tetradic Color

#474885
```
#474885 rgb(71,72,133)
```
#505195
```
#505195 rgb(80,81,149)
```
#595aa6
```
#595aa6 rgb(89,90,166)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#7a7bb8
```
#7a7bb8 rgb(122,123,184)
```
#8a8bc1
```
#8a8bc1 rgb(138,139,193)
```
#9b9cca
```
#9b9cca rgb(155,156,202)
```

Monochromatic Color

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

#697caf
```
#697caf rgb(105,124,175)
```
#6976af
```
#6976af rgb(105,118,175)
```
#6970af
```
#6970af rgb(105,112,175)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#6e69af
```
#6e69af rgb(110,105,175)
```
#7469af
```
#7469af rgb(116,105,175)
```
#7a69af
```
#7a69af rgb(122,105,175)
```

Similar Colors

Text with hexadecimal color #696aaf

This text has a font color of #696aaf.

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

#696aaf background color

This paragraph has a background color of #696aaf.

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

#696aaf border color

This element has a border color of #696aaf.

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

CSS codes

.text {color:#696aaf;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090910
```
#090910 rgb(9,9,16)
```
#10101d
```
#10101d rgb(16,16,29)
```
#16172a
```
#16172a rgb(22,23,42)
```
#1d1e37
```
#1d1e37 rgb(29,30,55)
```
#242443
```
#242443 rgb(36,36,67)
```
#2b2b50
```
#2b2b50 rgb(43,43,80)
```
#32325d
```
#32325d rgb(50,50,93)
```
#38396a
```
#38396a rgb(56,57,106)
```
#3f4077
```
#3f4077 rgb(63,64,119)
```
#464783
```
#464783 rgb(70,71,131)
```
#4d4e90
```
#4d4e90 rgb(77,78,144)
```
#54559d
```
#54559d rgb(84,85,157)
```

Shade Color Variation

#5c5da8
```
#5c5da8 rgb(92,93,168)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#7677b6
```
#7677b6 rgb(118,119,182)
```
#8383bd
```
#8383bd rgb(131,131,189)
```
#8f90c3
```
#8f90c3 rgb(143,144,195)
```
#9c9dca
```
#9c9dca rgb(156,157,202)
```
#a9aad1
```
#a9aad1 rgb(169,170,209)
```
#b6b6d8
```
#b6b6d8 rgb(182,182,216)
```
#c3c3df
```
#c3c3df rgb(195,195,223)
```
#cfd0e6
```
#cfd0e6 rgb(207,208,230)
```
#dcdcec
```
#dcdcec rgb(220,220,236)
```
#e9e9f3
```
#e9e9f3 rgb(233,233,243)
```
#f6f6fa
```
#f6f6fa rgb(246,246,250)
```

Tint Color Variation

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

#848494
```
#848494 rgb(132,132,148)
```
#7b7b9d
```
#7b7b9d rgb(123,123,157)
```
#7273a6
```
#7273a6 rgb(114,115,166)
```
#696aaf
```
#696aaf rgb(105,106,175)
```
#6061b8
```
#6061b8 rgb(96,97,184)
```
#5759c1
```
#5759c1 rgb(87,89,193)
```
#4e50ca
```
#4e50ca rgb(78,80,202)
```
#4648d2
```
#4648d2 rgb(70,72,210)
```
#3d3fdb
```
#3d3fdb rgb(61,63,219)
```
#3436e4
```
#3436e4 rgb(52,54,228)
```
#2b2eed
```
#2b2eed rgb(43,46,237)
```
#2225f6
```
#2225f6 rgb(34,37,246)
```
#191dff
```
#191dff rgb(25,29,255)
```

Tone Color Variation

Below, you can see how #696aaf 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
#70707e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d75b6 Protanopia 1% of men
#5977b0 Deuteranopia 1% of men
#627c85 Tritanopia 0.001% of the population

Trichromacy

#6171b3 Protanomaly 1% of men, 0.01% of women
#5f72b0 Deuteranomaly 6% of men, 0.4% of women
#657594 Tritanomaly 0.01% of the population

#696aaf hex color

#696aaf Color Information

#696aaf Color Conversion

Color Schemes with #696aaf

Alternatives to #696aaf

#696aaf Preview

Shades and Tints of #696aaf

Tones of #696aaf

Color Blindness Simulator