#024503

#024503

Color Values

HEX

#024503

RGB

2, 69, 3

HSL

120.9, 94.4%, 13.9%

HSV

120.9, 97.1%, 27.1%

CMYK

97.1%, 0.0%, 95.7%, 72.9%

OKLCH

0.339 0.1124 142.8

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#024503

#450244

Analogous

#224502

#024524

#024503

Triadic

#024503

#030245

#450302

Split Complementary

#024503

#240245

#450222

Tetradic

#024503

#022245

#450244

#452402

Color Blindness Simulation

Original

#024503

Protanopia

#1F2013

Deuteranopia

#1B1617

Tritanopia

#052022

Achromatopsia

#323232

CSS Usage

background-color: #024503;
color: #024503;
border-color: #024503;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F1FDF1
100
#DFFBDF
200
#BAFDBB
300
#88FC8A
400
#48FA4A
500
#07F80B
600
#06C609
700
#059F07
800
#047C05
900
#075A09
950
#053905

Contrast Checker

Text on white

11.32:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026