colorhexa.com

#696aac hex color

In a RGB color space, hex #696aac is composed of 41.2% red, 41.6% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 39% cyan, 38.4% magenta, 0% yellow and 32.5% black. It has a hue angle of 239.1 degrees, a saturation of 28.8% and a lightness of 54.3%. #696aac color hex could be obtained by blending #d2d4ff with #000059. Closest websafe color is: #666699.

- R 41
- G 42
- B 67
RGB color chart
- C 39
- M 38
- Y 0
- K 33
CMYK color chart

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

The hexadecimal color #696aac has RGB values of R:105, G:106, B:172 and CMYK values of C:0.39, M:0.38, Y:0, K:0.33. Its decimal value is 6908588.

Hex triplet	696aac	`#696aac`
RGB Decimal	105, 106, 172	`rgb(105,106,172)`
RGB Percent	41.2, 41.6, 67.5	`rgb(41.2%,41.6%,67.5%)`
CMYK	39, 38, 0, 33
HSL	239.1°, 28.8, 54.3	`hsl(239.1,28.8%,54.3%)`
HSV (or HSB)	239.1°, 39, 67.5
Web Safe	666699	`#666699`

CIE-LAB	47.352, 16.303, -35.431
XYZ	18.425, 16.289, 41.201
xyY	0.243, 0.215, 16.289
CIE-LCH	47.352, 39.002, 294.709
CIE-LUV	47.352, -4.366, -54.72
Hunter-Lab	40.36, 10.856, -32.273
Binary	01101001, 01101010, 10101100

#696aac
```
#696aac rgb(105,106,172)
```
#acab69
```
#acab69 rgb(172,171,105)
```

Complementary Color

#698cac
```
#698cac rgb(105,140,172)
```
#696aac
```
#696aac rgb(105,106,172)
```
#8a69ac
```
#8a69ac rgb(138,105,172)
```

Analogous Color

#8cac69
```
#8cac69 rgb(140,172,105)
```
#696aac
```
#696aac rgb(105,106,172)
```
#ac8a69
```
#ac8a69 rgb(172,138,105)
```

Split Complementary Color

#6aac69
```
#6aac69 rgb(106,172,105)
```
#696aac
```
#696aac rgb(105,106,172)
```
#ac696a
```
#ac696a rgb(172,105,106)
```

Triadic Color

#69acab
```
#69acab rgb(105,172,171)
```
#696aac
```
#696aac rgb(105,106,172)
```
#ac696a
```
#ac696a rgb(172,105,106)
```
#acab69
```
#acab69 rgb(172,171,105)
```

Tetradic Color

#474881
```
#474881 rgb(71,72,129)
```
#515191
```
#515191 rgb(81,81,145)
```
#5a5ba2
```
#5a5ba2 rgb(90,91,162)
```
#696aac
```
#696aac rgb(105,106,172)
```
#797ab5
```
#797ab5 rgb(121,122,181)
```
#8a8bbe
```
#8a8bbe rgb(138,139,190)
```
#9a9bc7
```
#9a9bc7 rgb(154,155,199)
```

Monochromatic Color

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

#697bac
```
#697bac rgb(105,123,172)
```
#6975ac
```
#6975ac rgb(105,117,172)
```
#6970ac
```
#6970ac rgb(105,112,172)
```
#696aac
```
#696aac rgb(105,106,172)
```
#6e69ac
```
#6e69ac rgb(110,105,172)
```
#7369ac
```
#7369ac rgb(115,105,172)
```
#7969ac
```
#7969ac rgb(121,105,172)
```

Similar Colors

Text with hexadecimal color #696aac

This text has a font color of #696aac.

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

#696aac background color

This paragraph has a background color of #696aac.

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

#696aac border color

This element has a border color of #696aac.

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

CSS codes

.text {color:#696aac;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#08080e
```
#08080e rgb(8,8,14)
```
#0f0f1b
```
#0f0f1b rgb(15,15,27)
```
#161627
```
#161627 rgb(22,22,39)
```
#1d1d34
```
#1d1d34 rgb(29,29,52)
```
#242441
```
#242441 rgb(36,36,65)
```
#2b2b4d
```
#2b2b4d rgb(43,43,77)
```
#32325a
```
#32325a rgb(50,50,90)
```
#393967
```
#393967 rgb(57,57,103)
```
#404173
```
#404173 rgb(64,65,115)
```
#474880
```
#474880 rgb(71,72,128)
```
#4e4f8c
```
#4e4f8c rgb(78,79,140)
```
#555699
```
#555699 rgb(85,86,153)
```

Shade Color Variation

#5c5da5
```
#5c5da5 rgb(92,93,165)
```
#696aac
```
#696aac rgb(105,106,172)
```
#7677b3
```
#7677b3 rgb(118,119,179)
```
#8283ba
```
#8283ba rgb(130,131,186)
```
#8f90c1
```
#8f90c1 rgb(143,144,193)
```
#9c9cc8
```
#9c9cc8 rgb(156,156,200)
```
#a8a9cf
```
#a8a9cf rgb(168,169,207)
```
#b5b5d6
```
#b5b5d6 rgb(181,181,214)
```
#c1c2dd
```
#c1c2dd rgb(193,194,221)
```
#cecee4
```
#cecee4 rgb(206,206,228)
```
#dbdbeb
```
#dbdbeb rgb(219,219,235)
```
#e7e7f2
```
#e7e7f2 rgb(231,231,242)
```
#f4f4f9
```
#f4f4f9 rgb(244,244,249)
```

Tint Color Variation

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

#848491
```
#848491 rgb(132,132,145)
```
#7b7b9a
```
#7b7b9a rgb(123,123,154)
```
#7273a3
```
#7273a3 rgb(114,115,163)
```
#696aac
```
#696aac rgb(105,106,172)
```
#6061b5
```
#6061b5 rgb(96,97,181)
```
#5759be
```
#5759be rgb(87,89,190)
```
#4e50c7
```
#4e50c7 rgb(78,80,199)
```
#4547d0
```
#4547d0 rgb(69,71,208)
```
#3c3fd9
```
#3c3fd9 rgb(60,63,217)
```
#3336e2
```
#3336e2 rgb(51,54,226)
```
#2a2deb
```
#2a2deb rgb(42,45,235)
```
#2124f4
```
#2124f4 rgb(33,36,244)
```
#181cfd
```
#181cfd rgb(24,28,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6f707d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f75b3 Protanopia 1% of men
#5b77ae Deuteranopia 1% of men
#637b84 Tritanopia 0.001% of the population

Trichromacy

#6271b0 Protanomaly 1% of men, 0.01% of women
#6072ad Deuteranomaly 6% of men, 0.4% of women
#657592 Tritanomaly 0.01% of the population