#284704

#284704

Color Values

HEX

#284704

RGB

40, 71, 4

HSL

87.8, 89.3%, 14.7%

HSV

87.8, 94.4%, 27.8%

CMYK

43.7%, 0.0%, 94.4%, 72.2%

OKLCH

0.3598 0.0972 132.5

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#284704

#230447

Analogous

#474504

#064704

#284704

Triadic

#284704

#042847

#470428

Split Complementary

#284704

#040647

#450447

Tetradic

#284704

#044745

#230447

#470406

Color Blindness Simulation

Original

#284704

Protanopia

#353614

Deuteranopia

#343118

Tritanopia

#2A2124

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFBE0
200
#DEFBBB
300
#C6F88B
400
#A7F54C
500
#88F10E
600
#6DC10B
700
#579A09
800
#447907
900
#33570A
950
#203706

Contrast Checker

Text on white

10.54:1

AA Pass AAA Pass

Text on black

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