#12771C

#12771C

Color Values

HEX

#12771C

RGB

18, 119, 28

HSL

125.9, 73.7%, 26.9%

HSV

125.9, 84.9%, 46.7%

CMYK

84.9%, 0.0%, 76.5%, 53.3%

OKLCH

0.4968 0.1533 143.8

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#12771C

#77126D

Analogous

#3B7712

#12774F

#12771C

Triadic

#12771C

#1C1277

#771C12

Split Complementary

#12771C

#4F1277

#77123B

Tetradic

#12771C

#123B77

#77126D

#774F12

Color Blindness Simulation

Original

#12771C

Protanopia

#3E3F32

Deuteranopia

#383037

Tritanopia

#174347

Achromatopsia

#5B5B5B

CSS Usage

background-color: #12771C;
color: #12771C;
border-color: #12771C;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F3FCF4
100
#E2F8E4
200
#C1F6C6
300
#95EF9E
400
#5BE669
500
#22DD34
600
#1BB12A
700
#158E21
800
#116F1A
900
#105117
950
#0A330E

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

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