#696c8a hex color

In a RGB color space, hex #696c8a is composed of 41.2% red, 42.4% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 21.7% magenta, 0% yellow and 45.9% black. It has a hue angle of 234.5 degrees, a saturation of 13.6% and a lightness of 47.6%. #696c8a color hex could be obtained by blending #d2d8ff with #000015. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 42
- B 54
RGB color chart
- C 24
- M 22
- Y 0
- K 46
CMYK color chart

● #696c8a color description : Dark grayish blue.

The hexadecimal color #696c8a has RGB values of R:105, G:108, B:138 and CMYK values of C:0.24, M:0.22, Y:0, K:0.46. Its decimal value is 6909066.

Hex triplet	696c8a	`#696c8a`
RGB Decimal	105, 108, 138	`rgb(105,108,138)`
RGB Percent	41.2, 42.4, 54.1	`rgb(41.2%,42.4%,54.1%)`
CMYK	24, 22, 0, 46
HSL	234.5°, 13.6, 47.6	`hsl(234.5,13.6%,47.6%)`
HSV (or HSB)	234.5°, 23.9, 54.1
Web Safe	666699	`#666699`

CIE-LAB	46.396, 5.827, -16.843
XYZ	15.775, 15.563, 26.216
xyY	0.274, 0.27, 15.563
CIE-LCH	46.396, 17.823, 289.084
CIE-LUV	46.396, -3.25, -24.808
Hunter-Lab	39.45, 2.338, -11.786
Binary	01101001, 01101100, 10001010

#696c8a
```
#696c8a rgb(105,108,138)
```
#8a8769
```
#8a8769 rgb(138,135,105)
```

Complementary Color

#697d8a
```
#697d8a rgb(105,125,138)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#77698a
```
#77698a rgb(119,105,138)
```

Analogous Color

#7d8a69
```
#7d8a69 rgb(125,138,105)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#8a7769
```
#8a7769 rgb(138,119,105)
```

Split Complementary Color

#6c8a69
```
#6c8a69 rgb(108,138,105)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#8a696c
```
#8a696c rgb(138,105,108)
```

Triadic Color

#698a87
```
#698a87 rgb(105,138,135)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#8a696c
```
#8a696c rgb(138,105,108)
```
#8a8769
```
#8a8769 rgb(138,135,105)
```

Tetradic Color

#484a5f
```
#484a5f rgb(72,74,95)
```
#53556d
```
#53556d rgb(83,85,109)
```
#5e617c
```
#5e617c rgb(94,97,124)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#767997
```
#767997 rgb(118,121,151)
```
#8487a2
```
#8487a2 rgb(132,135,162)
```
#9395ad
```
#9395ad rgb(147,149,173)
```

Monochromatic Color

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

#69748a
```
#69748a rgb(105,116,138)
```
#69728a
```
#69728a rgb(105,114,138)
```
#696f8a
```
#696f8a rgb(105,111,138)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#69698a
```
#69698a rgb(105,105,138)
```
#6c698a
```
#6c698a rgb(108,105,138)
```
#6e698a
```
#6e698a rgb(110,105,138)
```

Similar Colors

Text with hexadecimal color #696c8a

This text has a font color of #696c8a.

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

#696c8a background color

This paragraph has a background color of #696c8a.

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

#696c8a border color

This element has a border color of #696c8a.

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

CSS codes

.text {color:#696c8a;}

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

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

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

#030304
```
#030304 rgb(3,3,4)
```
#0c0c0f
```
#0c0c0f rgb(12,12,15)
```
#14151b
```
#14151b rgb(20,21,27)
```
#1d1e26
```
#1d1e26 rgb(29,30,38)
```
#252631
```
#252631 rgb(37,38,49)
```
#2e2f3c
```
#2e2f3c rgb(46,47,60)
```
#363847
```
#363847 rgb(54,56,71)
```
#3f4052
```
#3f4052 rgb(63,64,82)
```
#47495d
```
#47495d rgb(71,73,93)
```
#505269
```
#505269 rgb(80,82,105)
```
#585b74
```
#585b74 rgb(88,91,116)
```
#61637f
```
#61637f rgb(97,99,127)
```
#696c8a
```
#696c8a rgb(105,108,138)
```

Shade Color Variation

#737694
```
#737694 rgb(115,118,148)
```
#7e809d
```
#7e809d rgb(126,128,157)
```
#898ba5
```
#898ba5 rgb(137,139,165)
```
#9496ae
```
#9496ae rgb(148,150,174)
```
#9fa1b6
```
#9fa1b6 rgb(159,161,182)
```
#aaacbe
```
#aaacbe rgb(170,172,190)
```
#b5b7c7
```
#b5b7c7 rgb(181,183,199)
```
#c0c2cf
```
#c0c2cf rgb(192,194,207)
```
#cccdd8
```
#cccdd8 rgb(204,205,216)
```
#d7d8e0
```
#d7d8e0 rgb(215,216,224)
```
#e2e3e9
```
#e2e3e9 rgb(226,227,233)
```
#ededf1
```
#ededf1 rgb(237,237,241)
```
#f8f8fa
```
#f8f8fa rgb(248,248,250)
```

Tint Color Variation

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

#727481
```
#727481 rgb(114,116,129)
```
#696c8a
```
#696c8a rgb(105,108,138)
```
#606493
```
#606493 rgb(96,100,147)
```
#565d9d
```
#565d9d rgb(86,93,157)
```
#4d55a6
```
#4d55a6 rgb(77,85,166)
```
#444daf
```
#444daf rgb(68,77,175)
```
#3a46b9
```
#3a46b9 rgb(58,70,185)
```
#313ec2
```
#313ec2 rgb(49,62,194)
```
#2836cb
```
#2836cb rgb(40,54,203)
```
#1e2fd5
```
#1e2fd5 rgb(30,47,213)
```
#1527de
```
#1527de rgb(21,39,222)
```
#0c20e7
```
#0c20e7 rgb(12,32,231)
```
#0218f1
```
#0218f1 rgb(2,24,241)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6e6e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7490 Protanopia 1% of men
#717390 Deuteranopia 1% of men
#6c767f Tritanopia 0.001% of the population

Trichromacy

#6c718e Protanomaly 1% of men, 0.01% of women
#6e708d Deuteranomaly 6% of men, 0.4% of women
#6b7283 Tritanomaly 0.01% of the population

#696c8a hex color

#696c8a Color Information

#696c8a Color Conversion

Color Schemes with #696c8a

Alternatives to #696c8a

#696c8a Preview

Shades and Tints of #696c8a

Tones of #696c8a

Color Blindness Simulator