#0F9B61

#0F9B61

Color Values

HEX

#0F9B61

RGB

15, 155, 97

HSL

155.1, 82.4%, 33.3%

HSV

155.1, 90.3%, 60.8%

CMYK

90.3%, 0.0%, 37.4%, 39.2%

OKLCH

0.6085 0.1397 157.8

Properties

Cool Light Nearest: NCS S 1050-B90G Emerald

Color Harmonies

Complementary

#0F9B61

#9B0F49

Analogous

#0F9B1B

#0F8F9B

#0F9B61

Triadic

#0F9B61

#610F9B

#9B610F

Split Complementary

#0F9B61

#9B0F8F

#9B1B0F

Tetradic

#0F9B61

#1B0F9B

#9B0F49

#8F9B0F

Color Blindness Simulation

Original

#0F9B61

Protanopia

#4C4D6F

Deuteranopia

#443972

Tritanopia

#167A7D

Achromatopsia

#797979

CSS Usage

background-color: #0F9B61;
color: #0F9B61;
border-color: #0F9B61;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F2FDF8
100
#E1FAEF
200
#BEF9E0
300
#8FF4CA
400
#53EEAE
500
#16E991
600
#12BA74
700
#0E955D
800
#0B7449
900
#0D5437
950
#083522

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.88:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026