#0F9448

#0F9448

Color Values

HEX

#0F9448

RGB

15, 148, 72

HSL

145.7, 81.6%, 32.0%

HSV

145.7, 89.9%, 58.0%

CMYK

89.9%, 0.0%, 51.4%, 42.0%

OKLCH

0.5846 0.154 150.8

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#0F9448

#940F5B

Analogous

#19940F

#0F948B

#0F9448

Triadic

#0F9448

#480F94

#94480F

Split Complementary

#0F9448

#8B0F94

#940F19

Tetradic

#0F9448

#0F1994

#940F5B

#948B0F

Color Blindness Simulation

Original

#0F9448

Protanopia

#494A5A

Deuteranopia

#41375F

Tritanopia

#16696C

Achromatopsia

#727272

CSS Usage

background-color: #0F9448;
color: #0F9448;
border-color: #0F9448;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF7
100
#E1FAEB
200
#BEF8D7
300
#90F4BB
400
#54EE96
500
#17E871
600
#13B95A
700
#0F9448
800
#0C7438
900
#0D542B
950
#08351B

Contrast Checker

Text on white

3.93:1

AA Fail AAA Fail

Text on black

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