#12854C

#12854C

Color Values

HEX

#12854C

RGB

18, 133, 76

HSL

150.3, 76.2%, 29.6%

HSV

150.3, 86.5%, 52.2%

CMYK

86.5%, 0.0%, 42.9%, 47.8%

OKLCH

0.5437 0.13 154.6

Properties

Cool Dark Nearest: seagreen

Color Harmonies

Complementary

#12854C

#85124B

Analogous

#128513

#128485

#12854C

Triadic

#12854C

#4C1285

#854C12

Split Complementary

#12854C

#851284

#851312

Tetradic

#12854C

#131285

#85124B

#848512

Color Blindness Simulation

Original

#12854C

Protanopia

#44455A

Deuteranopia

#3D345D

Tritanopia

#186567

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F2FCF7
100
#E2F9ED
200
#C0F7DC
300
#93F0C2
400
#59E9A1
500
#1EE180
600
#18B467
700
#139052
800
#0F7040
900
#0F5231
950
#0A341F

Contrast Checker

Text on white

4.68:1

AA Pass AAA Fail

Text on black

4.49:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026