#0F7C12

#0F7C12

Color Values

HEX

#0F7C12

RGB

15, 124, 18

HSL

121.7, 78.4%, 27.3%

HSV

121.7, 87.9%, 48.6%

CMYK

87.9%, 0.0%, 85.5%, 51.4%

OKLCH

0.5103 0.1648 142.9

Properties

Cool Dark Nearest: forestgreen

Color Harmonies

Complementary

#0F7C12

#7C0F79

Analogous

#437C0F

#0F7C49

#0F7C12

Triadic

#0F7C12

#120F7C

#7C120F

Split Complementary

#0F7C12

#490F7C

#7C0F43

Tetradic

#0F7C12

#0F437C

#7C0F79

#7C490F

Color Blindness Simulation

Original

#0F7C12

Protanopia

#3E3F2C

Deuteranopia

#383032

Tritanopia

#144044

Achromatopsia

#5D5D5D

CSS Usage

background-color: #0F7C12;
color: #0F7C12;
border-color: #0F7C12;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F2FCF3
100
#E1F9E2
200
#BFF7C1
300
#92F295
400
#57EB5B
500
#1CE321
600
#16B61B
700
#129215
800
#0E7211
900
#0E5310
950
#09340A

Contrast Checker

Text on white

5.37:1

AA Pass AAA Fail

Text on black

3.91:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026