#23585f

Color #23585f

A moderately saturated dark cyan.

Closest named color Dark Slate Gray #2f4f4f · ΔE 7.22 Nearest Tailwind class cyan-800 #005f78 · ΔE 7.4

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

Conversions

HEX

#23585f

RGB

rgb(35, 88, 95)

HSL

hsl(187, 46.2%, 25.5%)

HSV / HSB

hsv(187, 63.2%, 37.3%)

CMYK

cmyk(63.2%, 7.4%, 0%, 62.7%)

LAB

lab(34.32, -15.1, -9.32)

LCH

lch(34.32, 17.74, 211.68)

OKLCH

oklch(42.8%, 0.0567, 207.06)

HWB

hwb(187, 13.7%, 62.7%)

Harmony colors

Complementary

#5f2a23

Analogous

#235f48

#23585f

#233a5f

Triadic

#23585f

#5f2358

#585f23

Split-complementary

#23585f

#5f233a

#5f4823

Tetradic

#23585f

#2a235f

#5f2a23

#585f23

Square

#23585f

#48235f

#5f2a23

#3a5f23

Shades

Color #23585f mixed toward black.

#1d494f

#173b3f

#112c30

#0c1d20

#060f10

Tints

Color #23585f mixed toward white.

#34838d

#46adbb

#74c2cc

#a2d6dd

#d1ebee

Tones

Color #23585f mixed toward gray.

#28545a

#2d5055

#324d50

#37494b

#3c4546

Accessibility

Aa White text on this color

7.98:1

Aa Black text on this color

2.63:1

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

Under color vision deficiencies

Protanopia

#40415d · ΔE 22.4

Deuteranopia

#3d395d · ΔE 25

Tritanopia

#285c5c · ΔE 3.8

Achromatopsia

#515151 · ΔE 15.7

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

Code

CSS

background-color: #23585f;

Tailwind (arbitrary value)

bg-[#23585f]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#23585f (#23585f) is rgb(35, 88, 95) in RGB.

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

Generate a palette → Check contrast