#0F8448

#0F8448

Color Values

HEX

#0F8448

RGB

15, 132, 72

HSL

149.2, 79.6%, 28.8%

HSV

149.2, 88.6%, 51.8%

CMYK

88.6%, 0.0%, 45.5%, 48.2%

OKLCH

0.5397 0.1331 153.5

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#0F8448

#840F4B

Analogous

#11840F

#0F8482

#0F8448

Triadic

#0F8448

#480F84

#84480F

Split Complementary

#0F8448

#820F84

#840F11

Tetradic

#0F8448

#0F1184

#840F4B

#84820F

Color Blindness Simulation

Original

#0F8448

Protanopia

#424357

Deuteranopia

#3B325A

Tritanopia

#156264

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E1F9ED
200
#BFF8DB
300
#91F3C1
400
#56EC9F
500
#1AE57D
600
#15B764
700
#119350
800
#0D723E
900
#0E5330
950
#09351E

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail 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