Start generating
697C7E

#697C7E closest to Catfish

#697C7E is a medium gray; the closest named color is Catfish. In the RGB color model it is made of 41.2% red, 48.6% green and 49.4% blue (rgb(105, 124, 126)). Its HSL value is 186° hue, 9% saturation and 45% lightness, and in CMYK it is 17% cyan, 2% magenta, 0% yellow and 51% black. #697C7E is a neutral color. Black text reads best on it, with a contrast ratio of 4.78:1.

Make a palette with #697C7E

#697C7E color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #697C7E

Shades

Mixed with black: richer and darker.

697C7E5A6B6D4C5A5C3E4A4C313B3C242C2D181E1F0C1111040505000101

Tints

Mixed with white: lighter and softer.

697C7E77888A85959694A2A3A2AEB0B1BBBCC1C9C9D0D6D7DFE4E4EFF1F1

Tones

Mixed with gray: calmer and more muted.

697C7E6B7C7E6E7D7E707D7F727E7F757E7F777E7F797F7F7C7F807E8080

Hues

The same lightness and chroma, rotated around the color wheel.

6E7C726C7C746B7C776A7C79697C7C697C7E697C806A7B826B7A836D7A856F7985

Temperatures

Cooler on the left, warmer on the right.

5D7E9A5F7D94627D8F647D89677C84697C7E707D7C777E7A7E7F788480758B8173

#697C7E color harmonies

Complementary

The opposite hue — maximum contrast and energy.

697C7E7E6B69
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

697C7E7E69717E7669
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

697C7E697E7669727E
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

697C7E7E697C7C7E69
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

697C7E6B697E7E6B697C7E69
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

697C7E76697E7E6B69717E69
Open in generator →

#697C7E for color-blind viewers (and dogs)

How #697C7E appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 96% similarHow dogs see it · simulated as #75777E
  • Protanopia 95% similar1.3% of men, 0.02% of women · simulated as #797A7E
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #757A7E
  • Deuteranopia 96% similar1.2% of men, 0.01% of women · simulated as #75777E
  • Deuteranomaly 97% similar5% of men, 0.35% of women · simulated as #72797E
  • Tritanopia 98% similar0.001% of men, 0.03% of women · simulated as #637E7D
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #677D7D
  • Achromatopsia 95% similar0.003% of men, 0.003% of women · simulated as #787878
  • Achromatomaly 96% similar0.001% of men, 0.001% of women · simulated as #75797A

#697C7E contrast checker

AaThe quick brown fox jumps over the lazy dog.
4.39:1 Poor#697C7E text on white
AA normalFailAAA normalFail
AA largePassAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
4.78:1 Good#697C7E text on black
AA normalPassAAA normalFail
AA largePassAAA largePass

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #697C7E

Palettes with #697C7E

#697C7E in CSS

/* Catfish */
.color { color: #697C7E; }
.background { background-color: #697C7E; }
.border { border: 1px solid #697C7E; }

/* Other notations */
color: rgb(105 124 126);
color: hsl(186 9% 45%);
color: oklch(0.572 0.023 204.3);

#697C7E FAQ

What color is #697C7E?

#697C7E is a medium gray. Its closest named color is Catfish. It belongs to the gray color family and is a neutral color.

What is the RGB value of #697C7E?

#697C7E is rgb(105, 124, 126) in RGB, hsl(186, 9%, 45%) in HSL and cmyk(17%, 2%, 0%, 51%) in CMYK.

What is the complementary color of #697C7E?

The complementary color of #697C7E is #7E6B69, which sits opposite it on the color wheel.

Which text color works on #697C7E?

Black text has the best contrast on #697C7E: 4.78:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #697C7E a warm or cool color?

#697C7E is a neutral color.