Start generating
697C7D

#697C7D closest to Catfish

#697C7D 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.0% blue (rgb(105, 124, 125)). Its HSL value is 183° hue, 9% saturation and 45% lightness, and in CMYK it is 16% cyan, 1% magenta, 0% yellow and 51% black. #697C7D is a neutral color. Black text reads best on it, with a contrast ratio of 4.78:1.

Make a palette with #697C7D

#697C7D color conversion

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

Variations of #697C7D

Shades

Mixed with black: richer and darker.

697C7D5A6B6C4C5A5B3E4A4B313B3B242C2C181E1E0C1111040505000101

Tints

Mixed with white: lighter and softer.

697C7D77888985959694A1A2A2AEAFB1BBBCC1C9C9D0D6D6DFE4E4EFF1F1

Tones

Mixed with gray: calmer and more muted.

697C7D6B7C7D6E7D7E707D7E727E7E757E7F777E7F797F7F7C7F7F7E8080

Hues

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

6F7C716D7C736B7C766A7C78697C7B697C7D697C7F6A7B816B7B836C7A846E7985

Temperatures

Cooler on the left, warmer on the right.

5D7E995F7E94627D8E647D88677C83697C7D707D7B777E797E7F778480748B8172

#697C7D color harmonies

Complementary

The opposite hue — maximum contrast and energy.

697C7D7D6A69
Open in generator →

Split complementary

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

697C7D7D69727D7469
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

697C7D697D7469727D
Open in generator →

Triadic

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

697C7D7D697C7C7D69
Open in generator →

Tetradic

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

697C7D6A697D7D6A697C7D69
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

697C7D74697D7D6A69727D69
Open in generator →

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

How #697C7D 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 #75777D
  • Protanopia 95% similar1.3% of men, 0.02% of women · simulated as #797A7D
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #757A7D
  • Deuteranopia 96% similar1.2% of men, 0.01% of women · simulated as #75777D
  • Deuteranomaly 97% similar5% of men, 0.35% of women · simulated as #72797D
  • Tritanopia 98% similar0.001% of men, 0.03% of women · simulated as #637D7C
  • Tritanomaly 99% similar0.0001% of men, 0.0001% of women · simulated as #677D7D
  • Achromatopsia 96% similar0.003% of men, 0.003% of women · simulated as #787878
  • Achromatomaly 96% similar0.001% of men, 0.001% of women · simulated as #75797A

#697C7D contrast checker

AaThe quick brown fox jumps over the lazy dog.
4.39:1 Poor#697C7D text on white
AA normalFailAAA normalFail
AA largePassAAA largeFail
AaThe quick brown fox jumps over the lazy dog.
4.78:1 Good#697C7D 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 #697C7D

Palettes with #697C7D

#697C7D in CSS

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

/* Other notations */
color: rgb(105 124 125);
color: hsl(183 9% 45%);
color: oklch(0.571 0.022 200.5);

#697C7D FAQ

What color is #697C7D?

#697C7D 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 #697C7D?

#697C7D is rgb(105, 124, 125) in RGB, hsl(183, 9%, 45%) in HSL and cmyk(16%, 1%, 0%, 51%) in CMYK.

What is the complementary color of #697C7D?

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

Which text color works on #697C7D?

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

Is #697C7D a warm or cool color?

#697C7D is a neutral color.