#295852

Color #295852

A muted dark cyan.

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

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

Conversions

HEX

#295852

RGB

rgb(41, 88, 82)

HSL

hsl(172.3, 36.4%, 25.3%)

HSV / HSB

hsv(172.3, 53.4%, 34.5%)

CMYK

cmyk(53.4%, 0%, 6.8%, 65.5%)

LAB

lab(34.11, -17.71, -1.45)

LCH

lch(34.11, 17.77, 184.68)

OKLCH

oklch(42.5%, 0.0526, 184.58)

HWB

hwb(172.3, 16.1%, 65.5%)

Harmony colors

Complementary

#58292f

Analogous

#29583a

#295852

#294758

Triadic

#295852

#522958

#585229

Split-complementary

#295852

#582947

#583a29

Tetradic

#295852

#292f58

#58292f

#585229

Square

#295852

#3a2958

#58292f

#475829

Shades

Color #295852 mixed toward black.

#224944

#1b3b37

#152c29

#0e1d1b

#070f0e

Tints

Color #295852 mixed toward white.

#3d837a

#52aea2

#7dc2ba

#a8d7d1

#d4ebe8

Tones

Color #295852 mixed toward gray.

#2d544f

#31504c

#354c49

#394846

#3d4443

Accessibility

Aa White text on this color

8.04:1

Aa Black text on this color

2.61:1

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

Under color vision deficiencies

Protanopia

#424353 · ΔE 22

Deuteranopia

#3f3c54 · ΔE 25.9

Tritanopia

#2d5555 · ΔE 3.6

Achromatopsia

#505050 · ΔE 16.5

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

Code

CSS

background-color: #295852;

Tailwind (arbitrary value)

bg-[#295852]

Related colors

Turquoise #40e0d0

Light Sea Green #20b2aa

Medium Turquoise #48d1cc

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#295852 (#295852) is rgb(41, 88, 82) in RGB.

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

Generate a palette → Check contrast