#0F9248

#0F9248

Color Values

HEX

#0F9248

RGB

15, 146, 72

HSL

146.1, 81.4%, 31.6%

HSV

146.1, 89.7%, 57.3%

CMYK

89.7%, 0.0%, 50.7%, 42.7%

OKLCH

0.579 0.1514 151.1

Properties

Cool Light Nearest: springgreen 4

Color Harmonies

Complementary

#0F9248

#920F59

Analogous

#18920F

#0F928A

#0F9248

Triadic

#0F9248

#480F92

#92480F

Split Complementary

#0F9248

#8A0F92

#920F18

Tetradic

#0F9248

#0F1892

#920F59

#928A0F

Color Blindness Simulation

Original

#0F9248

Protanopia

#48495A

Deuteranopia

#40365E

Tritanopia

#16686B

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1FAEC
200
#BEF8D8
300
#90F4BB
400
#54ED97
500
#18E772
600
#13B95B
700
#0F9449
800
#0C7439
900
#0D542C
950
#08351C

Contrast Checker

Text on white

4.02:1

AA Fail AAA Fail

Text on black

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