#697d7a hex color

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

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

● #697d7a color description : Dark grayish cyan.

The hexadecimal color #697d7a has RGB values of R:105, G:125, B:122 and CMYK values of C:0.16, M:0, Y:0.02, K:0.51. Its decimal value is 6913402.

Hex triplet	697d7a	`#697d7a`
RGB Decimal	105, 125, 122	`rgb(105,125,122)`
RGB Percent	41.2, 49, 47.8	`rgb(41.2%,49%,47.8%)`
CMYK	16, 0, 2, 51
HSL	171°, 8.7, 45.1	`hsl(171,8.7%,45.1%)`
HSV (or HSB)	171°, 16, 49
Web Safe	666666	`#666666`

CIE-LAB	50.775, -7.938, -0.817
XYZ	16.671, 19.075, 21.215
xyY	0.293, 0.335, 19.075
CIE-LCH	50.775, 7.98, 185.873
CIE-LUV	50.775, -10.469, 0.104
Hunter-Lab	43.675, -8.296, 1.773
Binary	01101001, 01111101, 01111010

#697d7a
```
#697d7a rgb(105,125,122)
```
#7d696c
```
#7d696c rgb(125,105,108)
```

Complementary Color

#697d70
```
#697d70 rgb(105,125,112)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#69767d
```
#69767d rgb(105,118,125)
```

Analogous Color

#7d7069
```
#7d7069 rgb(125,112,105)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#7d6976
```
#7d6976 rgb(125,105,118)
```

Split Complementary Color

#7d7a69
```
#7d7a69 rgb(125,122,105)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#7a697d
```
#7a697d rgb(122,105,125)
```

Triadic Color

#6c7d69
```
#6c7d69 rgb(108,125,105)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#7a697d
```
#7a697d rgb(122,105,125)
```
#7d696c
```
#7d696c rgb(125,105,108)
```

Tetradic Color

#465351
```
#465351 rgb(70,83,81)
```
#52615f
```
#52615f rgb(82,97,95)
```
#5d6f6c
```
#5d6f6c rgb(93,111,108)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#758b87
```
#758b87 rgb(117,139,135)
```
#839693
```
#839693 rgb(131,150,147)
```
#90a29f
```
#90a29f rgb(144,162,159)
```

Monochromatic Color

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

#697d75
```
#697d75 rgb(105,125,117)
```
#697d77
```
#697d77 rgb(105,125,119)
```
#697d78
```
#697d78 rgb(105,125,120)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#697d7c
```
#697d7c rgb(105,125,124)
```
#697d7d
```
#697d7d rgb(105,125,125)
```
#697b7d
```
#697b7d rgb(105,123,125)
```

Similar Colors

Text with hexadecimal color #697d7a

This text has a font color of #697d7a.

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

#697d7a background color

This paragraph has a background color of #697d7a.

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

#697d7a border color

This element has a border color of #697d7a.

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

CSS codes

.text {color:#697d7a;}

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

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

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

#060808
```
#060808 rgb(6,8,8)
```
#0f1212
```
#0f1212 rgb(15,18,18)
```
#181d1c
```
#181d1c rgb(24,29,28)
```
#212827
```
#212827 rgb(33,40,39)
```
#2a3231
```
#2a3231 rgb(42,50,49)
```
#333d3c
```
#333d3c rgb(51,61,60)
```
#3c4846
```
#3c4846 rgb(60,72,70)
```
#455250
```
#455250 rgb(69,82,80)
```
#4e5d5b
```
#4e5d5b rgb(78,93,91)
```
#576865
```
#576865 rgb(87,104,101)
```
#607270
```
#607270 rgb(96,114,112)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#728884
```
#728884 rgb(114,136,132)
```

Shade Color Variation

#7c918e
```
#7c918e rgb(124,145,142)
```
#879a97
```
#879a97 rgb(135,154,151)
```
#91a3a0
```
#91a3a0 rgb(145,163,160)
```
#9cacaa
```
#9cacaa rgb(156,172,170)
```
#a7b5b3
```
#a7b5b3 rgb(167,181,179)
```
#b1bebc
```
#b1bebc rgb(177,190,188)
```
#bcc7c5
```
#bcc7c5 rgb(188,199,197)
```
#c7d0ce
```
#c7d0ce rgb(199,208,206)
```
#d1d9d8
```
#d1d9d8 rgb(209,217,216)
```
#dce2e1
```
#dce2e1 rgb(220,226,225)
```
#e7ebea
```
#e7ebea rgb(231,235,234)
```
#f1f4f3
```
#f1f4f3 rgb(241,244,243)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#727474
```
#727474 rgb(114,116,116)
```
#697d7a
```
#697d7a rgb(105,125,122)
```
#608680
```
#608680 rgb(96,134,128)
```
#578f86
```
#578f86 rgb(87,143,134)
```
#4e988d
```
#4e988d rgb(78,152,141)
```
#46a093
```
#46a093 rgb(70,160,147)
```
#3da999
```
#3da999 rgb(61,169,153)
```
#34b29f
```
#34b29f rgb(52,178,159)
```
#2bbba5
```
#2bbba5 rgb(43,187,165)
```
#22c4ac
```
#22c4ac rgb(34,196,172)
```
#19cdb2
```
#19cdb2 rgb(25,205,178)
```
#11d5b8
```
#11d5b8 rgb(17,213,184)
```
#08debe
```
#08debe rgb(8,222,190)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#747878 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827f7e Protanopia 1% of men
#897c83 Deuteranopia 1% of men
#73828b Tritanopia 0.001% of the population

Trichromacy

#797e7c Protanomaly 1% of men, 0.01% of women
#7d7c7f Deuteranomaly 6% of men, 0.4% of women
#6f8085 Tritanomaly 0.01% of the population

#697d7a hex color

#697d7a Color Information

#697d7a Color Conversion

Color Schemes with #697d7a

Alternatives to #697d7a

#697d7a Preview

Shades and Tints of #697d7a

Tones of #697d7a

Color Blindness Simulator