#9ab898

Color #9ab898

A muted light green.

Closest named color Dark Sea Green #8fbc8f · ΔE 9.02 Nearest Tailwind class olive-400 #abab9c · ΔE 12.2

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

Conversions

HEX

#9ab898

RGB

rgb(154, 184, 152)

HSL

hsl(116.3, 18.4%, 65.9%)

HSV / HSB

hsv(116.3, 17.4%, 72.2%)

CMYK

cmyk(16.3%, 0%, 17.4%, 27.8%)

LAB

lab(71.84, -16.4, 12.92)

LCH

lch(71.84, 20.88, 141.77)

OKLCH

oklch(75.1%, 0.0558, 143.38)

HWB

hwb(116.3, 59.6%, 27.8%)

Harmony colors

Complementary

#b698b8

Analogous

#aab898

#9ab898

#98b8a6

Triadic

#9ab898

#989ab8

#b8989a

Split-complementary

#9ab898

#a698b8

#b898aa

Tetradic

#9ab898

#98b8b6

#b698b8

#b8989a

Square

#9ab898

#98aab8

#b698b8

#b8a698

Shades

Color #9ab898 mixed toward black.

#79a177

#5e855b

#466345

#2f422e

#172117

Tints

Color #9ab898 mixed toward white.

#abc4a9

#bcd0ba

#cddccc

#dde7dd

#eef3ee

Tones

Color #9ab898 mixed toward gray.

#9cb59b

#9fb39d

#a1b0a0

#a3ada3

#a6aba5

Accessibility

Aa White text on this color

2.17:1

Aa Black text on this color

9.68:1

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

Under color vision deficiencies

Protanopia

#a8a8a1 · ΔE 14.6

Deuteranopia

#a6a4a2 · ΔE 17.5

Tritanopia

#9ca7a8 · ΔE 15.1

Achromatopsia

#b0b0b0 · ΔE 17

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

Code

CSS

background-color: #9ab898;

Tailwind (arbitrary value)

bg-[#9ab898]

Related colors

Forest Green #228b22

Mint Green #98ff98

Dark Green #006400

Dark Sea Green #8fbc8f

Green #008000

Honeydew #f0fff0

Frequently asked questions

#9ab898 (#9ab898) is rgb(154, 184, 152) in RGB.

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

Generate a palette → Check contrast