#09975F

#09975F

Color Values

HEX

#09975F

RGB

9, 151, 95

HSL

156.3, 88.8%, 31.4%

HSV

156.3, 94.0%, 59.2%

CMYK

94.0%, 0.0%, 37.1%, 40.8%

OKLCH

0.5967 0.1372 158.2

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#09975F

#970941

Analogous

#099718

#098897

#09975F

Triadic

#09975F

#5F0997

#975F09

Split Complementary

#09975F

#970988

#971809

Tetradic

#09975F

#180997

#970941

#889709

Color Blindness Simulation

Original

#09975F

Protanopia

#47486D

Deuteranopia

#3E3470

Tritanopia

#10777A

Achromatopsia

#757575

CSS Usage

background-color: #09975F;
color: #09975F;
border-color: #09975F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FDF9
100
#E0FBF0
200
#BCFBE2
300
#8BF8CD
400
#4DF4B2
500
#0EF197
600
#0BC179
700
#099A61
800
#07784C
900
#0A5739
950
#063724

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

5.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026