#5997ac

Color #5997ac

A muted medium cyan.

Closest named color Cadet Blue #5f9ea0 · ΔE 11.37 Nearest Tailwind class cyan-600 #0092b8 · ΔE 6.3

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

Conversions

HEX

#5997ac

RGB

rgb(89, 151, 172)

HSL

hsl(195.2, 33.3%, 51.2%)

HSV / HSB

hsv(195.2, 48.3%, 67.5%)

CMYK

cmyk(48.3%, 12.2%, 0%, 32.5%)

LAB

lab(59.19, -14.2, -17.19)

LCH

lch(59.19, 22.3, 230.44)

OKLCH

oklch(64.3%, 0.0712, 221.81)

HWB

hwb(195.2, 34.9%, 32.5%)

Harmony colors

Complementary

#ac6e59

Analogous

#59ac98

#5997ac

#596eac

Triadic

#5997ac

#ac5997

#97ac59

Split-complementary

#5997ac

#ac596e

#ac9859

Tetradic

#5997ac

#6e59ac

#ac6e59

#97ac59

Square

#5997ac

#9859ac

#ac6e59

#6eac59

Shades

Color #5997ac mixed toward black.

#497f91

#3a6574

#2c4c57

#1d333a

#0f191d

Tints

Color #5997ac mixed toward white.

#75a8ba

#90bac8

#accbd5

#c8dce3

#e3eef1

Tones

Color #5997ac mixed toward gray.

#6094a5

#67909e

#6e8d97

#758990

#7c8689

Accessibility

Aa White text on this color

3.26:1

Aa Black text on this color

6.45:1

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

Under color vision deficiencies

Protanopia

#7979a7 · ΔE 21.4

Deuteranopia

#7570a6 · ΔE 22.8

Tritanopia

#5da3a2 · ΔE 10.2

Achromatopsia

#8e8e8e · ΔE 16.8

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

Code

CSS

background-color: #5997ac;

Tailwind (arbitrary value)

bg-[#5997ac]

Related colors

Deep Sky Blue #00bfff

Light Blue #add8e6

Sky Blue #87ceeb

Light Sky Blue #87cefa

Powder Blue #b0e0e6

Charcoal #36454f

Frequently asked questions

#5997ac (#5997ac) is rgb(89, 151, 172) in RGB.

No, #5997ac is not web-safe. The nearest web-safe colors are among its tones and shades below.

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 #5997ac, or check how it holds up for accessibility.

Generate a palette → Check contrast