#0F6C18

#0F6C18

Color Values

HEX

#0F6C18

RGB

15, 108, 24

HSL

125.8, 75.6%, 24.1%

HSV

125.8, 86.1%, 42.4%

CMYK

86.1%, 0.0%, 77.8%, 57.6%

OKLCH

0.4636 0.1435 143.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#0F6C18

#6C0F63

Analogous

#346C0F

#0F6C46

#0F6C18

Triadic

#0F6C18

#180F6C

#6C180F

Split Complementary

#0F6C18

#460F6C

#6C0F34

Tetradic

#0F6C18

#0F346C

#6C0F63

#6C460F

Color Blindness Simulation

Original

#0F6C18

Protanopia

#37382C

Deuteranopia

#322B31

Tritanopia

#143C40

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F2FCF3
100
#E2F9E4
200
#C0F6C6
300
#94F09C
400
#59E867
500
#1FE032
600
#19B328
700
#148F20
800
#107019
900
#0F5116
950
#0A330E

Contrast Checker

Text on white

6.61:1

AA Pass AAA Fail

Text on black

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