Start generating
697C86

#697C86 closest to Catfish

#697C86 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 52.5% blue (rgb(105, 124, 134)). Its HSL value is 201° hue, 12% saturation and 47% lightness, and in CMYK it is 22% cyan, 7% magenta, 0% yellow and 47% black. #697C86 is a neutral color. Black text reads best on it, with a contrast ratio of 4.83:1.

Make a palette with #697C86

#697C86 color conversion

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

Variations of #697C86

Shades

Mixed with black: richer and darker.

697C865A6B744C5A623E4A51313B40242C30181E210C1113040506000101

Tints

Mixed with white: lighter and softer.

697C8677889185959D94A2A9A2AEB5B1BBC1C1C9CDD0D6D9DFE4E6EFF1F2

Tones

Mixed with gray: calmer and more muted.

697C866B7C856E7D85707D84727E84757E83777E82797F827C7F817E8081

Hues

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

687E79677E7C677E7F677D82687D84697C866B7B886D7A89707989727889757789

Temperatures

Cooler on the left, warmer on the right.

5D7EA05F7D9B627D96647D91677C8B697C86707D84777E817E807F84817C8B827A

#697C86 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

697C86867369
Open in generator →

Split complementary

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

697C8686696D868269
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

697C86698682696D86
Open in generator →

Triadic

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

697C8686697C7C8669
Open in generator →

Tetradic

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

697C867369868673697C8669
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

697C868269868673696D8669
Open in generator →

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

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

  • Dog vision 97% similarHow dogs see it · simulated as #737886
  • Protanopia 96% similar1.3% of men, 0.02% of women · simulated as #777B87
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #737B86
  • Deuteranopia 97% similar1.2% of men, 0.01% of women · simulated as #737886
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #707986
  • Tritanopia 96% similar0.001% of men, 0.03% of women · simulated as #617F7F
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #667D83
  • Achromatopsia 95% similar0.003% of men, 0.003% of women · simulated as #797979
  • Achromatomaly 96% similar0.001% of men, 0.001% of women · simulated as #757A7C

#697C86 contrast checker

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

Palettes with #697C86

#697C86 in CSS

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

/* Other notations */
color: rgb(105 124 134);
color: hsl(201 12% 47%);
color: oklch(0.574 0.027 230.8);

#697C86 FAQ

What color is #697C86?

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

#697C86 is rgb(105, 124, 134) in RGB, hsl(201, 12%, 47%) in HSL and cmyk(22%, 7%, 0%, 47%) in CMYK.

What is the complementary color of #697C86?

The complementary color of #697C86 is #867369, which sits opposite it on the color wheel.

Which text color works on #697C86?

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

Is #697C86 a warm or cool color?

#697C86 is a neutral color.