#155158

Color #155158

A moderately saturated dark cyan.

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

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

Conversions

HEX

#155158

RGB

rgb(21, 81, 88)

HSL

hsl(186.3, 61.5%, 21.4%)

HSV / HSB

hsv(186.3, 76.1%, 34.5%)

CMYK

cmyk(76.1%, 8%, 0%, 65.5%)

LAB

lab(31.23, -16.06, -9.61)

LCH

lch(31.23, 18.72, 210.9)

OKLCH

oklch(40.1%, 0.0601, 206.39)

HWB

hwb(186.3, 8.2%, 65.5%)

Harmony colors

Complementary

#581c15

Analogous

#15583e

#155158

#153058

Triadic

#155158

#581551

#515815

Split-complementary

#155158

#581530

#583e15

Tetradic

#155158

#1c1558

#581c15

#515815

Square

#155158

#3e1558

#581c15

#305815

Shades

Color #155158 mixed toward black.

#124449

#0e363b

#0b292c

#071b1d

#040e0f

Tints

Color #155158 mixed toward white.

#22838e

#2fb4c4

#5dcbd8

#93dde5

#c9eef2

Tones

Color #155158 mixed toward gray.

#1b4d53

#20484d

#264447

#2b3f42

#313b3c

Accessibility

Aa White text on this color

8.94:1

Aa Black text on this color

2.35:1

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

Under color vision deficiencies

Protanopia

#383956 · ΔE 23.2

Deuteranopia

#353056 · ΔE 25.7

Tritanopia

#1b5555 · ΔE 3.8

Achromatopsia

#494949 · ΔE 16.3

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

Code

CSS

background-color: #155158;

Tailwind (arbitrary value)

bg-[#155158]

Related colors

Powder Blue #b0e0e6

Cadet Blue #5f9ea0

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Frequently asked questions

#155158 (#155158) is rgb(21, 81, 88) in RGB.

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

Generate a palette → Check contrast