Start generating
697C91

#697C91 closest to Whale Shark

#697C91 is a medium, muted blue; the closest named color is Whale Shark. In the RGB color model it is made of 41.2% red, 48.6% green and 56.9% blue (rgb(105, 124, 145)). Its HSL value is 212° hue, 16% saturation and 49% lightness, and in CMYK it is 28% cyan, 14% magenta, 0% yellow and 43% black. #697C91 is a cool color. Black text reads best on it, with a contrast ratio of 4.89:1.

Make a palette with #697C91

#697C91 color conversion

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

Variations of #697C91

Shades

Mixed with black: richer and darker.

697C915A6B7D4C5A6A3E4A58313B46242C35181E250C1115040507000101

Tints

Mixed with white: lighter and softer.

697C9177889C8595A694A2B1A2AEBCB1BCC7C1C9D2D0D6DDDFE4E8EFF1F4

Tones

Mixed with gray: calmer and more muted.

697C916B7C8F6E7D8E707D8C727E8A757E89777F87797F857C7F847E8082

Hues

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

5E81845F818760808B637F8D657D8F697C916D7B927179927578917A76907E758E

Temperatures

Cooler on the left, warmer on the right.

5D7DA9607DA4627D9F647D9A677C96697C91707D8E777F8C7E80898481868B8283

#697C91 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

697C91917E69
Open in generator →

Split complementary

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

697C91916A69909169
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

697C916990916A6991
Open in generator →

Triadic

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

697C9191697C7C9169
Open in generator →

Tetradic

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

697C917E6991917E697C9169
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

697C91916990917E6969916A
Open in generator →

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

How #697C91 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 #707891
  • Protanopia 97% similar1.3% of men, 0.02% of women · simulated as #747C92
  • Protanomaly 98% similar1.3% of men, 0.02% of women · simulated as #717C92
  • Deuteranopia 97% similar1.2% of men, 0.01% of women · simulated as #707891
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #6E7A91
  • Tritanopia 93% similar0.001% of men, 0.03% of women · simulated as #5E8183
  • Tritanomaly 97% similar0.0001% of men, 0.0001% of women · simulated as #657E8B
  • Achromatopsia 92% similar0.003% of men, 0.003% of women · simulated as #7A7A7A
  • Achromatomaly 94% similar0.001% of men, 0.001% of women · simulated as #767B80

#697C91 contrast checker

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

Palettes with #697C91

#697C91 in CSS

/* Whale Shark */
.color { color: #697C91; }
.background { background-color: #697C91; }
.border { border: 1px solid #697C91; }

/* Other notations */
color: rgb(105 124 145);
color: hsl(212 16% 49%);
color: oklch(0.579 0.039 251.1);

#697C91 FAQ

What color is #697C91?

#697C91 is a medium, muted blue. Its closest named color is Whale Shark. It belongs to the blue color family and is a cool color.

What is the RGB value of #697C91?

#697C91 is rgb(105, 124, 145) in RGB, hsl(212, 16%, 49%) in HSL and cmyk(28%, 14%, 0%, 43%) in CMYK.

What is the complementary color of #697C91?

The complementary color of #697C91 is #917E69, which sits opposite it on the color wheel.

Which text color works on #697C91?

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

Is #697C91 a warm or cool color?

#697C91 is a cool color.