#157374

Color #157374

A moderately saturated dark cyan.

Closest named color Teal #008080 · ΔE 6.02 Nearest Tailwind class teal-700 #00786f · ΔE 4.8

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

Conversions

HEX

#157374

RGB

rgb(21, 115, 116)

HSL

hsl(180.6, 69.3%, 26.9%)

HSV / HSB

hsv(180.6, 81.9%, 45.5%)

CMYK

cmyk(81.9%, 0.9%, 0%, 54.5%)

LAB

lab(43.77, -24.86, -8.03)

LCH

lch(43.77, 26.12, 197.9)

OKLCH

oklch(50.6%, 0.0808, 196.01)

HWB

hwb(180.6, 8.2%, 54.5%)

Harmony colors

Complementary

#741615

Analogous

#157446

#157374

#154474

Triadic

#157374

#741573

#737415

Split-complementary

#157374

#741544

#744615

Tetradic

#157374

#161574

#741615

#737415

Square

#157374

#461574

#741615

#447415

Shades

Color #157374 mixed toward black.

#126061

#0e4d4d

#0b3a3a

#072627

#041313

Tints

Color #157374 mixed toward white.

#1fa7a9

#2dd7d9

#61e1e2

#96ebec

#caf5f5

Tones

Color #157374 mixed toward gray.

#1d6b6c

#256464

#2d5c5c

#355454

#3d4c4d

Accessibility

Aa White text on this color

5.62:1

Aa Black text on this color

3.74:1

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

Under color vision deficiencies

Protanopia

#4f5074 · ΔE 27.5

Deuteranopia

#4a4374 · ΔE 30.6

Tritanopia

#227474 · ΔE 0.9

Achromatopsia

#676767 · ΔE 20.2

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

Code

CSS

background-color: #157374;

Tailwind (arbitrary value)

bg-[#157374]

Related colors

Dark Turquoise #00ced1

Aqua #00ffff

Azure #f0ffff

Dark Cyan #008b8b

Dark Slate Gray #2f4f4f

Light Cyan #e0ffff

Frequently asked questions

#157374 (#157374) is rgb(21, 115, 116) in RGB.

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

Generate a palette → Check contrast