#696f7d hex color

In a RGB color space, hex #696f7d is composed of 41.2% red, 43.5% green and 49% blue. Whereas in a CMYK color space, it is composed of 16% cyan, 11.2% magenta, 0% yellow and 51% black. It has a hue angle of 222 degrees, a saturation of 8.7% and a lightness of 45.1%. #696f7d color hex could be obtained by blending #d2defa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 44
- B 49
RGB color chart
- C 16
- M 11
- Y 0
- K 51
CMYK color chart

● #696f7d color description : Dark grayish blue.

The hexadecimal color #696f7d has RGB values of R:105, G:111, B:125 and CMYK values of C:0.16, M:0.11, Y:0, K:0.51. Its decimal value is 6909821.

Hex triplet	696f7d	`#696f7d`
RGB Decimal	105, 111, 125	`rgb(105,111,125)`
RGB Percent	41.2, 43.5, 49	`rgb(41.2%,43.5%,49%)`
CMYK	16, 11, 0, 51
HSL	222°, 8.7, 45.1	`hsl(222,8.7%,45.1%)`
HSV (or HSB)	222°, 16, 49
Web Safe	666666	`#666666`

CIE-LAB	46.781, 0.857, -8.508
XYZ	15.211, 15.853, 21.659
xyY	0.289, 0.301, 15.853
CIE-LCH	46.781, 8.551, 275.752
CIE-LUV	46.781, -3.949, -11.948
Hunter-Lab	39.815, -1.483, -4.383
Binary	01101001, 01101111, 01111101

#696f7d
```
#696f7d rgb(105,111,125)
```
#7d7769
```
#7d7769 rgb(125,119,105)
```

Complementary Color

#69797d
```
#69797d rgb(105,121,125)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#6d697d
```
#6d697d rgb(109,105,125)
```

Analogous Color

#797d69
```
#797d69 rgb(121,125,105)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#7d6d69
```
#7d6d69 rgb(125,109,105)
```

Split Complementary Color

#6f7d69
```
#6f7d69 rgb(111,125,105)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#7d696f
```
#7d696f rgb(125,105,111)
```

Triadic Color

#697d77
```
#697d77 rgb(105,125,119)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#7d696f
```
#7d696f rgb(125,105,111)
```
#7d7769
```
#7d7769 rgb(125,119,105)
```

Tetradic Color

#464a53
```
#464a53 rgb(70,74,83)
```
#525661
```
#525661 rgb(82,86,97)
```
#5d636f
```
#5d636f rgb(93,99,111)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#757b8b
```
#757b8b rgb(117,123,139)
```
#838996
```
#838996 rgb(131,137,150)
```
#9096a2
```
#9096a2 rgb(144,150,162)
```

Monochromatic Color

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

#69747d
```
#69747d rgb(105,116,125)
```
#69727d
```
#69727d rgb(105,114,125)
```
#69717d
```
#69717d rgb(105,113,125)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#696d7d
```
#696d7d rgb(105,109,125)
```
#696c7d
```
#696c7d rgb(105,108,125)
```
#696a7d
```
#696a7d rgb(105,106,125)
```

Similar Colors

Text with hexadecimal color #696f7d

This text has a font color of #696f7d.

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

#696f7d background color

This paragraph has a background color of #696f7d.

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

#696f7d border color

This element has a border color of #696f7d.

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

CSS codes

.text {color:#696f7d;}

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

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0f1012
```
#0f1012 rgb(15,16,18)
```
#181a1d
```
#181a1d rgb(24,26,29)
```
#212328
```
#212328 rgb(33,35,40)
```
#2a2d32
```
#2a2d32 rgb(42,45,50)
```
#33363d
```
#33363d rgb(51,54,61)
```
#3c4048
```
#3c4048 rgb(60,64,72)
```
#454952
```
#454952 rgb(69,73,82)
```
#4e535d
```
#4e535d rgb(78,83,93)
```
#575c68
```
#575c68 rgb(87,92,104)
```
#606672
```
#606672 rgb(96,102,114)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#727888
```
#727888 rgb(114,120,136)
```

Shade Color Variation

#7c8291
```
#7c8291 rgb(124,130,145)
```
#878d9a
```
#878d9a rgb(135,141,154)
```
#9197a3
```
#9197a3 rgb(145,151,163)
```
#9ca1ac
```
#9ca1ac rgb(156,161,172)
```
#a7abb5
```
#a7abb5 rgb(167,171,181)
```
#b1b5be
```
#b1b5be rgb(177,181,190)
```
#bcbfc7
```
#bcbfc7 rgb(188,191,199)
```
#c7c9d0
```
#c7c9d0 rgb(199,201,208)
```
#d1d4d9
```
#d1d4d9 rgb(209,212,217)
```
#dcdee2
```
#dcdee2 rgb(220,222,226)
```
#e7e8eb
```
#e7e8eb rgb(231,232,235)
```
#f1f2f4
```
#f1f2f4 rgb(241,242,244)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#727374
```
#727374 rgb(114,115,116)
```
#696f7d
```
#696f7d rgb(105,111,125)
```
#606b86
```
#606b86 rgb(96,107,134)
```
#57688f
```
#57688f rgb(87,104,143)
```
#4e6498
```
#4e6498 rgb(78,100,152)
```
#4661a0
```
#4661a0 rgb(70,97,160)
```
#3d5da9
```
#3d5da9 rgb(61,93,169)
```
#345ab2
```
#345ab2 rgb(52,90,178)
```
#2b56bb
```
#2b56bb rgb(43,86,187)
```
#2253c4
```
#2253c4 rgb(34,83,196)
```
#194fcd
```
#194fcd rgb(25,79,205)
```
#114cd5
```
#114cd5 rgb(17,76,213)
```
#0848de
```
#0848de rgb(8,72,222)
```

Tone Color Variation

Below, you can see how #696f7d 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
#6e6f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#747583 Protanopia 1% of men
#7a7384 Deuteranopia 1% of men
#6f777f Tritanopia 0.001% of the population

Trichromacy

#707380 Protanomaly 1% of men, 0.01% of women
#737181 Deuteranomaly 6% of men, 0.4% of women
#6d747e Tritanomaly 0.01% of the population

#696f7d hex color

#696f7d Color Information

#696f7d Color Conversion

Color Schemes with #696f7d

Alternatives to #696f7d

#696f7d Preview

Shades and Tints of #696f7d

Tones of #696f7d

Color Blindness Simulator