#09B470

#09B470

Color Values

HEX

#09B470

RGB

9, 180, 112

HSL

156.1, 90.5%, 37.1%

HSV

156.1, 95.0%, 70.6%

CMYK

95.0%, 0.0%, 37.8%, 29.4%

OKLCH

0.6785 0.1585 157.6

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#09B470

#B4094D

Analogous

#09B41A

#09A3B4

#09B470

Triadic

#09B470

#7009B4

#B47009

Split Complementary

#09B470

#B409A3

#B41A09

Tetradic

#09B470

#1A09B4

#B4094D

#A3B409

Color Blindness Simulation

Original

#09B470

Protanopia

#535580

Deuteranopia

#493C84

Tritanopia

#128D90

Achromatopsia

#8B8B8B

CSS Usage

background-color: #09B470;
color: #09B470;
border-color: #09B470;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F1FDF9
100
#DFFBF0
200
#BBFCE2
300
#8AF9CD
400
#4BF6B2
500
#0CF397
600
#0AC279
700
#089B61
800
#06794B
900
#095838
950
#063824

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.77:1

AA Pass AAA Pass

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