#0F3C12

#0F3C12

Color Values

HEX

#0F3C12

RGB

15, 60, 18

HSL

124.0, 60.0%, 14.7%

HSV

124.0, 75.0%, 23.5%

CMYK

75.0%, 0.0%, 70.0%, 76.5%

OKLCH

0.3148 0.0848 144.2

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#0F3C12

#3C0F39

Analogous

#223C0F

#0F3C28

#0F3C12

Triadic

#0F3C12

#120F3C

#3C120F

Split Complementary

#0F3C12

#280F3C

#3C0F22

Tetradic

#0F3C12

#0F223C

#3C0F39

#3C280F

Color Blindness Simulation

Original

#0F3C12

Protanopia

#22231C

Deuteranopia

#201C1F

Tritanopia

#112426

Achromatopsia

#2F2F2F

CSS Usage

background-color: #0F3C12;
color: #0F3C12;
border-color: #0F3C12;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F3FBF4
100
#E4F6E5
200
#C6F1C9
300
#9DE7A2
400
#68D970
500
#33CC3D
600
#29A331
700
#218327
800
#1A661F
900
#164B1A
950
#0E2F10

Contrast Checker

Text on white

12.53:1

AA Pass AAA Pass

Text on black

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