#689297

Color #689297

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 7.45 Nearest Tailwind class mist-500 #67787c · ΔE 10.9

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#689297

RGB

rgb(104, 146, 151)

HSL

hsl(186.4, 18.4%, 50%)

HSV / HSB

hsv(186.4, 31.1%, 59.2%)

CMYK

cmyk(31.1%, 3.3%, 0%, 40.8%)

LAB

lab(57.78, -13.04, -7.27)

LCH

lch(57.78, 14.93, 209.14)

OKLCH

oklch(63.1%, 0.0465, 205.35)

HWB

hwb(186.4, 40.8%, 40.8%)

Harmony colors

Complementary

#976d68

Analogous

#689785

#689297

#687a97

Triadic

#689297

#976892

#929768

Split-complementary

#689297

#97687a

#978568

Tetradic

#689297

#6d6897

#976d68

#929768

Square

#689297

#856897

#976d68

#7a9768

Shades

Color #689297 mixed toward black.

#577a7e

#456165

#34494b

#233132

#111819

Tints

Color #689297 mixed toward white.

#81a4a8

#9ab6ba

#b4c8cb

#cddbdc

#e6edee

Tones

Color #689297 mixed toward gray.

#6c8f93

#708c8f

#74898b

#788687

#7c8383

Accessibility

Aa White text on this color

3.42:1

Aa Black text on this color

6.15:1

Black text reads better on this background (6.15:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#7c7d96 · ΔE 20.1

Deuteranopia

#7a7796 · ΔE 22.9

Tritanopia

#6b9595 · ΔE 2.5

Achromatopsia

#8b8b8b · ΔE 14.2

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #689297;

Tailwind (arbitrary value)

bg-[#689297]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#689297 (#689297) is rgb(104, 146, 151) in RGB.

No, #689297 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #689297, or check how it holds up for accessibility.

Generate a palette → Check contrast