#12412F

#12412F

Color Values

HEX

#12412F

RGB

18, 65, 47

HSL

157.0, 56.6%, 16.3%

HSV

157.0, 72.3%, 25.5%

CMYK

72.3%, 0.0%, 27.7%, 74.5%

OKLCH

0.3378 0.06 164.1

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#12412F

#411224

Analogous

#124118

#123C41

#12412F

Triadic

#12412F

#2F1241

#412F12

Split Complementary

#12412F

#41123C

#411812

Tetradic

#12412F

#181241

#411224

#3C4112

Color Blindness Simulation

Original

#12412F

Protanopia

#262733

Deuteranopia

#242034

Tritanopia

#143738

Achromatopsia

#363636

CSS Usage

background-color: #12412F;
color: #12412F;
border-color: #12412F;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F4FBF8
100
#E5F6EF
200
#C7F0E0
300
#9FE4CA
400
#6BD6AD
500
#37C890
600
#2CA073
700
#23805C
800
#1C6448
900
#184936
950
#0F2E22

Contrast Checker

Text on white

11.52:1

AA Pass AAA Pass

Text on black

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