#124518

#124518

Color Values

HEX

#124518

RGB

18, 69, 24

HSL

127.1, 58.6%, 17.1%

HSV

127.1, 73.9%, 27.1%

CMYK

73.9%, 0.0%, 65.2%, 72.9%

OKLCH

0.3451 0.0911 145.2

Properties

Cool Dark Nearest: RAL 6035 Pearl Green

Color Harmonies

Complementary

#124518

#45123F

Analogous

#264512

#124532

#124518

Triadic

#124518

#181245

#451812

Split Complementary

#124518

#321245

#451226

Tetradic

#124518

#122645

#45123F

#453212

Color Blindness Simulation

Original

#124518

Protanopia

#282923

Deuteranopia

#252126

Tritanopia

#152B2D

Achromatopsia

#373737

CSS Usage

background-color: #124518;
color: #124518;
border-color: #124518;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F4FBF4
100
#E4F6E6
200
#C6F0CB
300
#9EE6A6
400
#69D876
500
#35CA46
600
#2AA238
700
#22812D
800
#1A6523
900
#174A1D
950
#0E2F12

Contrast Checker

Text on white

11.11:1

AA Pass AAA Pass

Text on black

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