#9acaa0

Color #9acaa0

A muted light green.

Closest named color Dark Sea Green #8fbc8f · ΔE 5.4 Nearest Tailwind class green-200 #b9f8cf · ΔE 10.6

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

Conversions

HEX

#9acaa0

RGB

rgb(154, 202, 160)

HSL

hsl(127.5, 31.2%, 69.8%)

HSV / HSB

hsv(127.5, 23.8%, 79.2%)

CMYK

cmyk(23.8%, 0%, 20.8%, 20.8%)

LAB

lab(77.07, -24.02, 15.96)

LCH

lch(77.07, 28.84, 146.4)

OKLCH

oklch(79.4%, 0.0776, 148.17)

HWB

hwb(127.5, 60.4%, 20.8%)

Harmony colors

Complementary

#ca9ac4

Analogous

#acca9a

#9acaa0

#9acab8

Triadic

#9acaa0

#a09aca

#caa09a

Split-complementary

#9acaa0

#b89aca

#ca9aac

Tetradic

#9acaa0

#9ac4ca

#ca9ac4

#caa09a

Square

#9acaa0

#9aacca

#ca9ac4

#cab89a

Shades

Color #9acaa0 mixed toward black.

#73b67b

#529c5b

#3d7544

#294e2d

#142717

Tints

Color #9acaa0 mixed toward white.

#abd3b0

#bcdcc0

#cce5cf

#ddeddf

#eef6ef

Tones

Color #9acaa0 mixed toward gray.

#9ec6a3

#a2c2a6

#a6bea9

#aabaac

#aeb6af

Accessibility

Aa White text on this color

1.85:1

Aa Black text on this color

11.33:1

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

Under color vision deficiencies

Protanopia

#b1b1ab · ΔE 18.7

Deuteranopia

#aeaaae · ΔE 25.1

Tritanopia

#9db4b6 · ΔE 17.3

Achromatopsia

#bebebe · ΔE 20.4

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

Code

CSS

background-color: #9acaa0;

Tailwind (arbitrary value)

bg-[#9acaa0]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#9acaa0 (#9acaa0) is rgb(154, 202, 160) in RGB.

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

Generate a palette → Check contrast