#0F7344

#0F7344

Color Values

HEX

#0F7344

RGB

15, 115, 68

HSL

151.8, 76.9%, 25.5%

HSV

151.8, 87.0%, 45.1%

CMYK

87.0%, 0.0%, 40.9%, 54.9%

OKLCH

0.4905 0.1139 156.0

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#0F7344

#730F3E

Analogous

#0F7312

#0F7073

#0F7344

Triadic

#0F7344

#440F73

#73440F

Split Complementary

#0F7344

#730F70

#73120F

Tetradic

#0F7344

#120F73

#730F3E

#70730F

Color Blindness Simulation

Original

#0F7344

Protanopia

#3A3B4F

Deuteranopia

#342D52

Tritanopia

#14585A

Achromatopsia

#5A5A5A

CSS Usage

background-color: #0F7344;
color: #0F7344;
border-color: #0F7344;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F2FCF8
100
#E1F9EE
200
#C0F7DD
300
#93F1C5
400
#58E9A5
500
#1DE285
600
#18B46B
700
#139055
800
#0F7143
900
#0F5232
950
#093420

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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