#284A02

#284A02

Color Values

HEX

#284A02

RGB

40, 74, 2

HSL

88.3, 94.7%, 14.9%

HSV

88.3, 97.3%, 29.0%

CMYK

45.9%, 0.0%, 97.3%, 71.0%

OKLCH

0.3686 0.1025 133.1

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#284A02

#24024A

Analogous

#4A4802

#044A02

#284A02

Triadic

#284A02

#02284A

#4A0228

Split Complementary

#284A02

#02044A

#48024A

Tetradic

#284A02

#024A48

#24024A

#4A0204

Color Blindness Simulation

Original

#284A02

Protanopia

#373713

Deuteranopia

#353218

Tritanopia

#2A2124

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F8FEF1
100
#EEFCDF
200
#DDFDB9
300
#C5FC88
400
#A6FA47
500
#86F807
600
#6BC705
700
#569F04
800
#437C03
900
#335A07
950
#203905

Contrast Checker

Text on white

10.14:1

AA Pass AAA Pass

Text on black

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