#124116

#124116

Color Values

HEX

#124116

RGB

18, 65, 22

HSL

125.1, 56.6%, 16.3%

HSV

125.1, 72.3%, 25.5%

CMYK

72.3%, 0.0%, 66.2%, 74.5%

OKLCH

0.3323 0.0871 144.7

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#124116

#41123D

Analogous

#264112

#12412E

#124116

Triadic

#124116

#161241

#411612

Split Complementary

#124116

#2E1241

#411226

Tetradic

#124116

#122641

#41123D

#412E12

Color Blindness Simulation

Original

#124116

Protanopia

#262720

Deuteranopia

#242023

Tritanopia

#14292A

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#F4FBF4
100
#E5F6E6
200
#C7F0CB
300
#9FE4A5
400
#6BD674
500
#37C844
600
#2CA036
700
#23802B
800
#1C6422
900
#18491C
950
#0F2E12

Contrast Checker

Text on white

11.71:1

AA Pass AAA Pass

Text on black

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