#12733F

#12733F

Color Values

HEX

#12733F

RGB

18, 115, 63

HSL

147.8, 72.9%, 26.1%

HSV

147.8, 84.3%, 45.1%

CMYK

84.3%, 0.0%, 45.2%, 54.9%

OKLCH

0.49 0.1182 153.4

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#12733F

#731246

Analogous

#167312

#127370

#12733F

Triadic

#12733F

#3F1273

#733F12

Split Complementary

#12733F

#701273

#731216

Tetradic

#12733F

#121673

#731246

#737012

Color Blindness Simulation

Original

#12733F

Protanopia

#3C3D4C

Deuteranopia

#362F4F

Tritanopia

#175658

Achromatopsia

#5B5B5B

CSS Usage

background-color: #12733F;
color: #12733F;
border-color: #12733F;
Nearest Tailwind: Green 800 #166534

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C1F5D9
300
#95EEBF
400
#5CE59C
500
#23DC79
600
#1CB061
700
#168D4D
800
#116E3C
900
#11502E
950
#0B331D

Contrast Checker

Text on white

5.92:1

AA Pass AAA Fail

Text on black

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