#696a78 hex color

In a RGB color space, hex #696a78 is composed of 41.2% red, 41.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 11.7% magenta, 0% yellow and 52.9% black. It has a hue angle of 236 degrees, a saturation of 6.7% and a lightness of 44.1%. #696a78 color hex could be obtained by blending #d2d4f0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 42
- B 47
RGB color chart
- C 13
- M 12
- Y 0
- K 53
CMYK color chart

● #696a78 color description : Dark grayish blue.

The hexadecimal color #696a78 has RGB values of R:105, G:106, B:120 and CMYK values of C:0.13, M:0.12, Y:0, K:0.53. Its decimal value is 6908536.

Hex triplet	696a78	`#696a78`
RGB Decimal	105, 106, 120	`rgb(105,106,120)`
RGB Percent	41.2, 41.6, 47.1	`rgb(41.2%,41.6%,47.1%)`
CMYK	13, 12, 0, 53
HSL	236°, 6.7, 44.1	`hsl(236,6.7%,44.1%)`
HSV (or HSB)	236°, 12.5, 47.1
Web Safe	666666	`#666666`

CIE-LAB	45.175, 2.674, -7.915
XYZ	14.369, 14.667, 19.842
xyY	0.294, 0.3, 14.667
CIE-LCH	45.175, 8.355, 288.666
CIE-LUV	45.175, -1.337, -11.272
Hunter-Lab	38.298, -0.049, -3.91
Binary	01101001, 01101010, 01111000

#696a78
```
#696a78 rgb(105,106,120)
```
#787769
```
#787769 rgb(120,119,105)
```

Complementary Color

#697278
```
#697278 rgb(105,114,120)
```
#696a78
```
#696a78 rgb(105,106,120)
```
#706978
```
#706978 rgb(112,105,120)
```

Analogous Color

#727869
```
#727869 rgb(114,120,105)
```
#696a78
```
#696a78 rgb(105,106,120)
```
#787069
```
#787069 rgb(120,112,105)
```

Split Complementary Color

#6a7869
```
#6a7869 rgb(106,120,105)
```
#696a78
```
#696a78 rgb(105,106,120)
```
#78696a
```
#78696a rgb(120,105,106)
```

Triadic Color

#697877
```
#697877 rgb(105,120,119)
```
#696a78
```
#696a78 rgb(105,106,120)
```
#78696a
```
#78696a rgb(120,105,106)
```
#787769
```
#787769 rgb(120,119,105)
```

Tetradic Color

#45464f
```
#45464f rgb(69,70,79)
```
#51525d
```
#51525d rgb(81,82,93)
```
#5d5e6a
```
#5d5e6a rgb(93,94,106)
```
#696a78
```
#696a78 rgb(105,106,120)
```
#757686
```
#757686 rgb(117,118,134)
```
#828392
```
#828392 rgb(130,131,146)
```
#90919e
```
#90919e rgb(144,145,158)
```

Monochromatic Color

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

#696e78
```
#696e78 rgb(105,110,120)
```
#696d78
```
#696d78 rgb(105,109,120)
```
#696b78
```
#696b78 rgb(105,107,120)
```
#696a78
```
#696a78 rgb(105,106,120)
```
#696978
```
#696978 rgb(105,105,120)
```
#6b6978
```
#6b6978 rgb(107,105,120)
```
#6c6978
```
#6c6978 rgb(108,105,120)
```

Similar Colors

Text with hexadecimal color #696a78

This text has a font color of #696a78.

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

#696a78 background color

This paragraph has a background color of #696a78.

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

#696a78 border color

This element has a border color of #696a78.

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

CSS codes

.text {color:#696a78;}

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

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

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

#040405
```
#040405 rgb(4,4,5)
```
#0d0e0f
```
#0d0e0f rgb(13,14,15)
```
#17171a
```
#17171a rgb(23,23,26)
```
#202024
```
#202024 rgb(32,32,36)
```
#29292f
```
#29292f rgb(41,41,47)
```
#323339
```
#323339 rgb(50,51,57)
```
#3b3c44
```
#3b3c44 rgb(59,60,68)
```
#44454e
```
#44454e rgb(68,69,78)
```
#4e4e59
```
#4e4e59 rgb(78,78,89)
```
#575863
```
#575863 rgb(87,88,99)
```
#60616e
```
#60616e rgb(96,97,110)
```
#696a78
```
#696a78 rgb(105,106,120)
```
#727382
```
#727382 rgb(114,115,130)
```

Shade Color Variation

#7c7d8c
```
#7c7d8c rgb(124,125,140)
```
#868795
```
#868795 rgb(134,135,149)
```
#91929f
```
#91929f rgb(145,146,159)
```
#9b9ca8
```
#9b9ca8 rgb(155,156,168)
```
#a6a7b1
```
#a6a7b1 rgb(166,167,177)
```
#b0b1ba
```
#b0b1ba rgb(176,177,186)
```
#bbbbc3
```
#bbbbc3 rgb(187,187,195)
```
#c5c6cc
```
#c5c6cc rgb(197,198,204)
```
#d0d0d6
```
#d0d0d6 rgb(208,208,214)
```
#dadadf
```
#dadadf rgb(218,218,223)
```
#e5e5e8
```
#e5e5e8 rgb(229,229,232)
```
#efeff1
```
#efeff1 rgb(239,239,241)
```
#f9fafa
```
#f9fafa rgb(249,250,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696a78 is the less saturated color, while #0110e0 is the most saturated one.

#696a78
```
#696a78 rgb(105,106,120)
```
#606381
```
#606381 rgb(96,99,129)
```
#585b89
```
#585b89 rgb(88,91,137)
```
#4f5492
```
#4f5492 rgb(79,84,146)
```
#464c9b
```
#464c9b rgb(70,76,155)
```
#3e45a3
```
#3e45a3 rgb(62,69,163)
```
#353dac
```
#353dac rgb(53,61,172)
```
#2c36b5
```
#2c36b5 rgb(44,54,181)
```
#242ebd
```
#242ebd rgb(36,46,189)
```
#1b27c6
```
#1b27c6 rgb(27,39,198)
```
#121fcf
```
#121fcf rgb(18,31,207)
```
#0a18d7
```
#0a18d7 rgb(10,24,215)
```
#0110e0
```
#0110e0 rgb(1,16,224)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6b6b6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#70717f Protanopia 1% of men
#766f7f Deuteranopia 1% of men
#6f727a Tritanopia 0.001% of the population

Trichromacy

#6d6e7c Protanomaly 1% of men, 0.01% of women
#716d7c Deuteranomaly 6% of men, 0.4% of women
#6d6f79 Tritanomaly 0.01% of the population

#696a78 hex color

#696a78 Color Information

#696a78 Color Conversion

Color Schemes with #696a78

Alternatives to #696a78

#696a78 Preview

Shades and Tints of #696a78

Tones of #696a78

Color Blindness Simulator