#124331

#124331

Color Values

HEX

#124331

RGB

18, 67, 49

HSL

158.0, 57.6%, 16.7%

HSV

158.0, 73.1%, 26.3%

CMYK

73.1%, 0.0%, 26.9%, 73.7%

OKLCH

0.3445 0.0613 164.9

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#124331

#431224

Analogous

#124319

#123D43

#124331

Triadic

#124331

#311243

#433112

Split Complementary

#124331

#43123D

#431912

Tetradic

#124331

#191243

#431224

#3D4312

Color Blindness Simulation

Original

#124331

Protanopia

#272835

Deuteranopia

#242136

Tritanopia

#14393A

Achromatopsia

#373737

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C7F0E1
300
#9FE5CB
400
#6AD7AF
500
#36C993
600
#2BA176
700
#23815E
800
#1B644A
900
#174A37
950
#0F2E23

Contrast Checker

Text on white

11.21:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2月 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026