#056774

Color #056774

A vivid, highly saturated dark cyan.

Closest named color Teal #008080 · ΔE 13.86 Nearest Tailwind class cyan-800 #005f78 · ΔE 6.2

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

Conversions

HEX

#056774

RGB

rgb(5, 103, 116)

HSL

hsl(187, 91.7%, 23.7%)

HSV / HSB

hsv(187, 95.7%, 45.5%)

CMYK

cmyk(95.7%, 11.2%, 0%, 54.5%)

LAB

lab(39.57, -19.81, -14.4)

LCH

lch(39.57, 24.49, 216.01)

OKLCH

oklch(47.1%, 0.0803, 210.05)

HWB

hwb(187, 2%, 54.5%)

Harmony colors

Complementary

#741205

Analogous

#057449

#056774

#053074

Triadic

#056774

#740567

#677405

Split-complementary

#056774

#740530

#744905

Tetradic

#056774

#120574

#741205

#677405

Square

#056774

#490574

#741205

#307405

Shades

Color #056774 mixed toward black.

#045661

#03454d

#03333a

#022227

#011113

Tints

Color #056774 mixed toward white.

#089eb2

#0ad5f0

#45e2f7

#83ecfa

#c1f5fc

Tones

Color #056774 mixed toward gray.

#0e606b

#175961

#215258

#2a4b4f

#334446

Accessibility

Aa White text on this color

6.57:1

Aa Black text on this color

3.2:1

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

Under color vision deficiencies

Protanopia

#454671 · ΔE 24.9

Deuteranopia

#403a70 · ΔE 27

Tritanopia

#166f6e · ΔE 6.9

Achromatopsia

#5d5d5d · ΔE 18.7

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

Code

CSS

background-color: #056774;

Tailwind (arbitrary value)

bg-[#056774]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#056774 (#056774) is rgb(5, 103, 116) in RGB.

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

Generate a palette → Check contrast