#697f7a hex color

In a RGB color space, hex #697f7a is composed of 41.2% red, 49.8% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 0% magenta, 3.9% yellow and 50.2% black. It has a hue angle of 166.4 degrees, a saturation of 9.5% and a lightness of 45.5%. #697f7a color hex could be obtained by blending #d2fef4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 50
- B 48
RGB color chart
- C 17
- M 0
- Y 4
- K 50
CMYK color chart

● #697f7a color description : Dark grayish cyan.

The hexadecimal color #697f7a has RGB values of R:105, G:127, B:122 and CMYK values of C:0.17, M:0, Y:0.04, K:0.5. Its decimal value is 6913914.

Hex triplet	697f7a	`#697f7a`
RGB Decimal	105, 127, 122	`rgb(105,127,122)`
RGB Percent	41.2, 49.8, 47.8	`rgb(41.2%,49.8%,47.8%)`
CMYK	17, 0, 4, 50
HSL	166.4°, 9.5, 45.5	`hsl(166.4,9.5%,45.5%)`
HSV (or HSB)	166.4°, 17.3, 49.8
Web Safe	666666	`#666666`

CIE-LAB	51.367, -9.064, 0.048
XYZ	16.927, 19.587, 21.3
xyY	0.293, 0.339, 19.587
CIE-LCH	51.367, 9.064, 179.695
CIE-LUV	51.367, -11.422, 1.477
Hunter-Lab	44.257, -9.178, 2.445
Binary	01101001, 01111111, 01111010

#697f7a
```
#697f7a rgb(105,127,122)
```
#7f696e
```
#7f696e rgb(127,105,110)
```

Complementary Color

#697f6f
```
#697f6f rgb(105,127,111)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#69797f
```
#69797f rgb(105,121,127)
```

Analogous Color

#7f6f69
```
#7f6f69 rgb(127,111,105)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#7f6979
```
#7f6979 rgb(127,105,121)
```

Split Complementary Color

#7f7a69
```
#7f7a69 rgb(127,122,105)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#7a697f
```
#7a697f rgb(122,105,127)
```

Triadic Color

#6e7f69
```
#6e7f69 rgb(110,127,105)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#7a697f
```
#7a697f rgb(122,105,127)
```
#7f696e
```
#7f696e rgb(127,105,110)
```

Tetradic Color

#465552
```
#465552 rgb(70,85,82)
```
#52635f
```
#52635f rgb(82,99,95)
```
#5d716d
```
#5d716d rgb(93,113,109)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#758d87
```
#758d87 rgb(117,141,135)
```
#839893
```
#839893 rgb(131,152,147)
```
#91a49f
```
#91a49f rgb(145,164,159)
```

Monochromatic Color

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

#697f75
```
#697f75 rgb(105,127,117)
```
#697f76
```
#697f76 rgb(105,127,118)
```
#697f78
```
#697f78 rgb(105,127,120)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#697f7c
```
#697f7c rgb(105,127,124)
```
#697f7e
```
#697f7e rgb(105,127,126)
```
#697f7f
```
#697f7f rgb(105,127,127)
```

Similar Colors

Text with hexadecimal color #697f7a

This text has a font color of #697f7a.

<span style="color:#697f7a;">Text here</span>

#697f7a background color

This paragraph has a background color of #697f7a.

<p style="background-color:#697f7a;">Content here</p>

#697f7a border color

This element has a border color of #697f7a.

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

CSS codes

.text {color:#697f7a;}

.background {background-color:#697f7a;}

.border {border:1px solid #697f7a;}

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

#070909
```
#070909 rgb(7,9,9)
```
#101413
```
#101413 rgb(16,20,19)
```
#191e1d
```
#191e1d rgb(25,30,29)
```
#222927
```
#222927 rgb(34,41,39)
```
#2b3432
```
#2b3432 rgb(43,52,50)
```
#343f3c
```
#343f3c rgb(52,63,60)
```
#3d4946
```
#3d4946 rgb(61,73,70)
```
#455451
```
#455451 rgb(69,84,81)
```
#4e5f5b
```
#4e5f5b rgb(78,95,91)
```
#576a65
```
#576a65 rgb(87,106,101)
```
#607470
```
#607470 rgb(96,116,112)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#728a84
```
#728a84 rgb(114,138,132)
```

Shade Color Variation

#7c938e
```
#7c938e rgb(124,147,142)
```
#879c97
```
#879c97 rgb(135,156,151)
```
#92a5a0
```
#92a5a0 rgb(146,165,160)
```
#9daeaa
```
#9daeaa rgb(157,174,170)
```
#a7b6b3
```
#a7b6b3 rgb(167,182,179)
```
#b2bfbc
```
#b2bfbc rgb(178,191,188)
```
#bdc8c6
```
#bdc8c6 rgb(189,200,198)
```
#c7d1cf
```
#c7d1cf rgb(199,209,207)
```
#d2dad8
```
#d2dad8 rgb(210,218,216)
```
#dde3e1
```
#dde3e1 rgb(221,227,225)
```
#e8eceb
```
#e8eceb rgb(232,236,235)
```
#f2f5f4
```
#f2f5f4 rgb(242,245,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#727675
```
#727675 rgb(114,118,117)
```
#697f7a
```
#697f7a rgb(105,127,122)
```
#60887f
```
#60887f rgb(96,136,127)
```
#579184
```
#579184 rgb(87,145,132)
```
#4e9a89
```
#4e9a89 rgb(78,154,137)
```
#45a38d
```
#45a38d rgb(69,163,141)
```
#3cac92
```
#3cac92 rgb(60,172,146)
```
#33b597
```
#33b597 rgb(51,181,151)
```
#2bbd9c
```
#2bbd9c rgb(43,189,156)
```
#22c6a1
```
#22c6a1 rgb(34,198,161)
```
#19cfa6
```
#19cfa6 rgb(25,207,166)
```
#10d8ab
```
#10d8ab rgb(16,216,171)
```
#07e1b0
```
#07e1b0 rgb(7,225,176)
```

Tone Color Variation

Below, you can see how #697f7a 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

#787878 Achromatopsia 0.005% of the population
#757978 Atypical Achromatopsia 0.001% of the population

Dichromacy

#84807e Protanopia 1% of men
#8c7d83 Deuteranopia 1% of men
#73838d Tritanopia 0.001% of the population

Trichromacy

#7a807c Protanomaly 1% of men, 0.01% of women
#7f7e80 Deuteranomaly 6% of men, 0.4% of women
#6f8286 Tritanomaly 0.01% of the population

#697f7a hex color

#697f7a Color Information

#697f7a Color Conversion

Color Schemes with #697f7a

Alternatives to #697f7a

#697f7a Preview

Shades and Tints of #697f7a

Tones of #697f7a

Color Blindness Simulator