#295555

Color #295555

A muted dark cyan.

Closest named color Dark Slate Gray #2f4f4f · ΔE 4.05 Nearest Tailwind class teal-900 #0b4f4a · ΔE 5

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

Conversions

HEX

#295555

RGB

rgb(41, 85, 85)

HSL

hsl(180, 34.9%, 24.7%)

HSV / HSB

hsv(180, 51.8%, 33.3%)

CMYK

cmyk(51.8%, 0%, 0%, 66.7%)

LAB

lab(33.19, -15.14, -4.7)

LCH

lch(33.19, 15.85, 197.25)

OKLCH

oklch(41.8%, 0.0488, 195.46)

HWB

hwb(180, 16.1%, 66.7%)

Harmony colors

Complementary

#552929

Analogous

#29553f

#295555

#293f55

Triadic

#295555

#552955

#555529

Split-complementary

#295555

#55293f

#553f29

Tetradic

#295555

#292955

#552929

#555529

Square

#295555

#3f2955

#552929

#3f5529

Shades

Color #295555 mixed toward black.

#224747

#1b3939

#152a2a

#0e1c1c

#070e0e

Tints

Color #295555 mixed toward white.

#3e8080

#53abab

#7dc0c0

#a9d5d5

#d4eaea

Tones

Color #295555 mixed toward gray.

#2d5151

#304e4e

#344a4a

#384646

#3b4343

Accessibility

Aa White text on this color

8.32:1

Aa Black text on this color

2.52:1

White text reads better on this background (8.32:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#404155 · ΔE 21.3

Deuteranopia

#3e3a55 · ΔE 25

Tritanopia

#2c5555 · ΔE 0.6

Achromatopsia

#4e4e4e · ΔE 15.2

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

Code

CSS

background-color: #295555;

Tailwind (arbitrary value)

bg-[#295555]

Related colors

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Light Cyan #e0ffff

Pale Turquoise #afeeee

Frequently asked questions

#295555 (#295555) is rgb(41, 85, 85) in RGB.

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

Generate a palette → Check contrast