#696b7c hex color

In a RGB color space, hex #696b7c is composed of 41.2% red, 42% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 15.3% cyan, 13.7% magenta, 0% yellow and 51.4% black. It has a hue angle of 233.7 degrees, a saturation of 8.3% and a lightness of 44.9%. #696b7c color hex could be obtained by blending #d2d6f8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 42
- B 49
RGB color chart
- C 15
- M 14
- Y 0
- K 51
CMYK color chart

● #696b7c color description : Dark grayish blue.

The hexadecimal color #696b7c has RGB values of R:105, G:107, B:124 and CMYK values of C:0.15, M:0.14, Y:0, K:0.51. Its decimal value is 6908796.

Hex triplet	696b7c	`#696b7c`
RGB Decimal	105, 107, 124	`rgb(105,107,124)`
RGB Percent	41.2, 42, 48.6	`rgb(41.2%,42%,48.6%)`
CMYK	15, 14, 0, 51
HSL	233.7°, 8.3, 44.9	`hsl(233.7,8.3%,44.9%)`
HSV (or HSB)	233.7°, 15.3, 48.6
Web Safe	666666	`#666666`

CIE-LAB	45.598, 3.005, -9.683
XYZ	14.721, 14.974, 21.182
xyY	0.289, 0.294, 14.974
CIE-LCH	45.598, 10.139, 287.239
CIE-LUV	45.598, -2.03, -13.863
Hunter-Lab	38.696, 0.187, -5.368
Binary	01101001, 01101011, 01111100

#696b7c
```
#696b7c rgb(105,107,124)
```
#7c7a69
```
#7c7a69 rgb(124,122,105)
```

Complementary Color

#69757c
```
#69757c rgb(105,117,124)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#71697c
```
#71697c rgb(113,105,124)
```

Analogous Color

#757c69
```
#757c69 rgb(117,124,105)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#7c7169
```
#7c7169 rgb(124,113,105)
```

Split Complementary Color

#6b7c69
```
#6b7c69 rgb(107,124,105)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#7c696b
```
#7c696b rgb(124,105,107)
```

Triadic Color

#697c7a
```
#697c7a rgb(105,124,122)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#7c696b
```
#7c696b rgb(124,105,107)
```
#7c7a69
```
#7c7a69 rgb(124,122,105)
```

Tetradic Color

#464753
```
#464753 rgb(70,71,83)
```
#525360
```
#525360 rgb(82,83,96)
```
#5d5f6e
```
#5d5f6e rgb(93,95,110)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#75778a
```
#75778a rgb(117,119,138)
```
#828496
```
#828496 rgb(130,132,150)
```
#9092a1
```
#9092a1 rgb(144,146,161)
```

Monochromatic Color

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

#69707c
```
#69707c rgb(105,112,124)
```
#696e7c
```
#696e7c rgb(105,110,124)
```
#696d7c
```
#696d7c rgb(105,109,124)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#69697c
```
#69697c rgb(105,105,124)
```
#6a697c
```
#6a697c rgb(106,105,124)
```
#6c697c
```
#6c697c rgb(108,105,124)
```

Similar Colors

Text with hexadecimal color #696b7c

This text has a font color of #696b7c.

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

#696b7c background color

This paragraph has a background color of #696b7c.

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

#696b7c border color

This element has a border color of #696b7c.

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

CSS codes

.text {color:#696b7c;}

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

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

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

#060607
```
#060607 rgb(6,6,7)
```
#0f0f12
```
#0f0f12 rgb(15,15,18)
```
#18191c
```
#18191c rgb(24,25,28)
```
#212227
```
#212227 rgb(33,34,39)
```
#2a2b32
```
#2a2b32 rgb(42,43,50)
```
#33343c
```
#33343c rgb(51,52,60)
```
#3c3d47
```
#3c3d47 rgb(60,61,71)
```
#454652
```
#454652 rgb(69,70,82)
```
#4e505c
```
#4e505c rgb(78,80,92)
```
#575967
```
#575967 rgb(87,89,103)
```
#606271
```
#606271 rgb(96,98,113)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#727487
```
#727487 rgb(114,116,135)
```

Shade Color Variation

#7c7e90
```
#7c7e90 rgb(124,126,144)
```
#878999
```
#878999 rgb(135,137,153)
```
#9193a2
```
#9193a2 rgb(145,147,162)
```
#9c9eab
```
#9c9eab rgb(156,158,171)
```
#a7a8b4
```
#a7a8b4 rgb(167,168,180)
```
#b1b2bd
```
#b1b2bd rgb(177,178,189)
```
#bcbdc6
```
#bcbdc6 rgb(188,189,198)
```
#c6c7cf
```
#c6c7cf rgb(198,199,207)
```
#d1d2d8
```
#d1d2d8 rgb(209,210,216)
```
#dcdce1
```
#dcdce1 rgb(220,220,225)
```
#e6e7ea
```
#e6e7ea rgb(230,231,234)
```
#f1f1f3
```
#f1f1f3 rgb(241,241,243)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#727273
```
#727273 rgb(114,114,115)
```
#696b7c
```
#696b7c rgb(105,107,124)
```
#606485
```
#606485 rgb(96,100,133)
```
#575d8e
```
#575d8e rgb(87,93,142)
```
#4f5696
```
#4f5696 rgb(79,86,150)
```
#464f9f
```
#464f9f rgb(70,79,159)
```
#3d48a8
```
#3d48a8 rgb(61,72,168)
```
#3441b1
```
#3441b1 rgb(52,65,177)
```
#2b3aba
```
#2b3aba rgb(43,58,186)
```
#2333c2
```
#2333c2 rgb(35,51,194)
```
#1a2ccb
```
#1a2ccb rgb(26,44,203)
```
#1125d4
```
#1125d4 rgb(17,37,212)
```
#081fdd
```
#081fdd rgb(8,31,221)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6b6c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#707282 Protanopia 1% of men
#767083 Deuteranopia 1% of men
#6f737c Tritanopia 0.001% of the population

Trichromacy

#6d6f80 Protanomaly 1% of men, 0.01% of women
#716e80 Deuteranomaly 6% of men, 0.4% of women
#6d707c Tritanomaly 0.01% of the population

#696b7c hex color

#696b7c Color Information

#696b7c Color Conversion

Color Schemes with #696b7c

Alternatives to #696b7c

#696b7c Preview

Shades and Tints of #696b7c

Tones of #696b7c

Color Blindness Simulator