#024306

#024306

Color Values

HEX

#024306

RGB

2, 67, 6

HSL

123.7, 94.2%, 13.5%

HSV

123.7, 97.0%, 26.3%

CMYK

97.0%, 0.0%, 91.0%, 73.7%

OKLCH

0.3327 0.1081 143.4

Properties

Cool Dark Nearest: NCS S 3060-G Dark Green

Color Harmonies

Complementary

#024306

#43023F

Analogous

#1E4302

#024326

#024306

Triadic

#024306

#060243

#430602

Split Complementary

#024306

#260243

#43021E

Tetradic

#024306

#021E43

#43023F

#432602

Color Blindness Simulation

Original

#024306

Protanopia

#1E1F15

Deuteranopia

#1A1518

Tritanopia

#052023

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#F1FDF2
100
#DFFBE1
200
#BAFDBE
300
#88FB8F
400
#48FA53
500
#07F816
600
#06C612
700
#059E0E
800
#047C0B
900
#075A0C
950
#053908

Contrast Checker

Text on white

11.61:1

AA Pass AAA Pass

Text on black

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