#124516

#124516

Color Values

HEX

#124516

RGB

18, 69, 22

HSL

124.7, 58.6%, 17.1%

HSV

124.7, 73.9%, 27.1%

CMYK

73.9%, 0.0%, 68.1%, 72.9%

OKLCH

0.3449 0.0931 144.4

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#124516

#451241

Analogous

#284512

#124530

#124516

Triadic

#124516

#161245

#451612

Split Complementary

#124516

#301245

#451228

Tetradic

#124516

#122845

#451241

#453012

Color Blindness Simulation

Original

#124516

Protanopia

#282921

Deuteranopia

#252124

Tritanopia

#152A2C

Achromatopsia

#373737

CSS Usage

background-color: #124516;
color: #124516;
border-color: #124516;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F4FBF4
100
#E4F6E6
200
#C6F0CA
300
#9EE6A4
400
#69D872
500
#35CA40
600
#2AA234
700
#228129
800
#1A6520
900
#174A1B
950
#0E2F11

Contrast Checker

Text on white

11.12:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026