#0F8948

#0F8948

Color Values

HEX

#0F8948

RGB

15, 137, 72

HSL

148.0, 80.3%, 29.8%

HSV

148.0, 89.1%, 53.7%

CMYK

89.1%, 0.0%, 47.4%, 46.3%

OKLCH

0.5538 0.1398 152.5

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#0F8948

#890F50

Analogous

#13890F

#0F8985

#0F8948

Triadic

#0F8948

#480F89

#89480F

Split Complementary

#0F8948

#850F89

#890F13

Tetradic

#0F8948

#0F1389

#890F50

#89850F

Color Blindness Simulation

Original

#0F8948

Protanopia

#444558

Deuteranopia

#3D345C

Tritanopia

#156467

Achromatopsia

#6A6A6A

CSS Usage

background-color: #0F8948;
color: #0F8948;
border-color: #0F8948;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F2FDF7
100
#E1F9EC
200
#BFF8D9
300
#91F3BF
400
#55EC9C
500
#19E679
600
#14B861
700
#10934D
800
#0D733C
900
#0D532E
950
#08351D

Contrast Checker

Text on white

4.48:1

AA Fail AAA Fail

Text on black

4.69: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