#97c5b7

Color #97c5b7

A muted light green.

Closest named color Powder Blue #b0e0e6 · ΔE 14.81 Nearest Tailwind class teal-200 #96f7e4 · ΔE 12.5

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

Conversions

HEX

#97c5b7

RGB

rgb(151, 197, 183)

HSL

hsl(161.7, 28.4%, 68.2%)

HSV / HSB

hsv(161.7, 23.4%, 77.3%)

CMYK

cmyk(23.4%, 0%, 7.1%, 22.7%)

LAB

lab(76.03, -18.03, 2.08)

LCH

lch(76.03, 18.15, 173.42)

OKLCH

oklch(78.7%, 0.0525, 174.31)

HWB

hwb(161.7, 59.2%, 22.7%)

Harmony colors

Complementary

#c597a5

Analogous

#97c5a0

#97c5b7

#97bcc5

Triadic

#97c5b7

#b797c5

#c5b797

Split-complementary

#97c5b7

#c597bc

#c5a097

Tetradic

#97c5b7

#97a5c5

#c597a5

#c5b797

Square

#97c5b7

#a097c5

#c597a5

#bcc597

Shades

Color #97c5b7 mixed toward black.

#72b09d

#539581

#3e7061

#2a4a40

#152520

Tints

Color #97c5b7 mixed toward white.

#a8cfc3

#bad8cf

#cbe2db

#dcece7

#eef5f3

Tones

Color #97c5b7 mixed toward gray.

#9bc1b5

#9fbdb4

#a2b9b2

#a6b6b1

#aab2af

Accessibility

Aa White text on this color

1.91:1

Aa Black text on this color

10.99:1

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

Under color vision deficiencies

Protanopia

#adadbb · ΔE 21.6

Deuteranopia

#aaa7bb · ΔE 24.4

Tritanopia

#9abdbe · ΔE 7.2

Achromatopsia

#bbbbbb · ΔE 16.7

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

Code

CSS

background-color: #97c5b7;

Tailwind (arbitrary value)

bg-[#97c5b7]

Related colors

Aquamarine #7fffd4

Medium Aquamarine #66cdaa

Medium Spring Green #00fa9a

Mint Cream #f5fffa

Spring Green #00ff7f

Turquoise #40e0d0

Frequently asked questions

#97c5b7 (#97c5b7) is rgb(151, 197, 183) in RGB.

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

Generate a palette → Check contrast