#445e65

Color #445e65

A muted dark cyan.

Closest named color Dark Slate Gray #2f4f4f · ΔE 8.64 Nearest Tailwind class mist-600 #4b585b · ΔE 4.6

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

Conversions

HEX

#445e65

RGB

rgb(68, 94, 101)

HSL

hsl(192.7, 19.5%, 33.1%)

HSV / HSB

hsv(192.7, 32.7%, 39.6%)

CMYK

cmyk(32.7%, 6.9%, 0%, 60.4%)

LAB

lab(38.15, -7.78, -7.13)

LCH

lch(38.15, 10.55, 222.5)

OKLCH

oklch(46.4%, 0.033, 216.24)

HWB

hwb(192.7, 26.7%, 60.4%)

Harmony colors

Complementary

#654b44

Analogous

#44655b

#445e65

#444d65

Triadic

#445e65

#65445e

#5e6544

Split-complementary

#445e65

#65444d

#655b44

Tetradic

#445e65

#4b4465

#654b44

#5e6544

Square

#445e65

#5b4465

#654b44

#4d6544

Shades

Color #445e65 mixed toward black.

#394e54

#2d3f43

#222f32

#171f22

#0b1011

Tints

Color #445e65 mixed toward white.

#5b7e87

#779aa3

#99b3ba

#bbcdd1

#dde6e8

Tones

Color #445e65 mixed toward gray.

#475c62

#495b5f

#4c595d

#4f585a

#525657

Accessibility

Aa White text on this color

6.92:1

Aa Black text on this color

3.03:1

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

Under color vision deficiencies

Protanopia

#505163 · ΔE 14.4

Deuteranopia

#4f4d63 · ΔE 17.1

Tritanopia

#466262 · ΔE 4.3

Achromatopsia

#5a5a5a · ΔE 10.4

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

Code

CSS

background-color: #445e65;

Tailwind (arbitrary value)

bg-[#445e65]

Related colors

Light Blue #add8e6

Deep Sky Blue #00bfff

Sky Blue #87ceeb

Powder Blue #b0e0e6

Light Sky Blue #87cefa

Cadet Blue #5f9ea0

Frequently asked questions

#445e65 (#445e65) is rgb(68, 94, 101) in RGB.

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

Generate a palette → Check contrast