#12820F

#12820F

Color Values

HEX

#12820F

RGB

18, 130, 15

HSL

118.4, 79.3%, 28.4%

HSV

118.4, 88.5%, 51.0%

CMYK

86.2%, 0.0%, 88.5%, 49.0%

OKLCH

0.528 0.1719 142.5

Properties

Cool Dark Nearest: green

Color Harmonies

Complementary

#12820F

#7F0F82

Analogous

#4B820F

#0F8245

#12820F

Triadic

#12820F

#0F1282

#820F12

Split Complementary

#12820F

#450F82

#820F4B

Tetradic

#12820F

#0F4B82

#7F0F82

#82450F

Color Blindness Simulation

Original

#12820F

Protanopia

#43432B

Deuteranopia

#3C3432

Tritanopia

#184146

Achromatopsia

#626262

CSS Usage

background-color: #12820F;
color: #12820F;
border-color: #12820F;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F2FDF2
100
#E2F9E1
200
#C0F8BF
300
#94F291
400
#5AEB56
500
#20E51A
600
#19B715
700
#149211
800
#10720D
900
#10530E
950
#0A3409

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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