#0F6312

#0F6312

Color Values

HEX

#0F6312

RGB

15, 99, 18

HSL

122.1, 73.7%, 22.4%

HSV

122.1, 84.8%, 38.8%

CMYK

84.8%, 0.0%, 81.8%, 61.2%

OKLCH

0.4361 0.1363 143.1

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#0F6312

#630F60

Analogous

#36630F

#0F633C

#0F6312

Triadic

#0F6312

#120F63

#63120F

Split Complementary

#0F6312

#3C0F63

#630F36

Tetradic

#0F6312

#0F3663

#630F60

#633C0F

Color Blindness Simulation

Original

#0F6312

Protanopia

#333426

Deuteranopia

#2E282A

Tritanopia

#133538

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F3FCF3
100
#E2F8E3
200
#C1F6C3
300
#95EF98
400
#5BE660
500
#22DD28
600
#1BB120
700
#158E1A
800
#116F14
900
#105113
950
#0A330C

Contrast Checker

Text on white

7.46:1

AA Pass AAA Pass

Text on black

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