#284325

#284325

Color Values

HEX

#284325

RGB

40, 67, 37

HSL

114.0, 28.8%, 20.4%

HSV

114.0, 44.8%, 26.3%

CMYK

40.3%, 0.0%, 44.8%, 73.7%

OKLCH

0.3522 0.0603 141.9

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#284325

#402543

Analogous

#374325

#254331

#284325

Triadic

#284325

#252843

#432528

Split Complementary

#284325

#312543

#432537

Tetradic

#284325

#253743

#402543

#433125

Color Blindness Simulation

Original

#284325

Protanopia

#34342C

Deuteranopia

#32302E

Tritanopia

#293233

Achromatopsia

#3B3B3B

CSS Usage

background-color: #284325;
color: #284325;
border-color: #284325;
Nearest Tailwind: Green 950 #052E16

Tailwind Shades

50
#F6F9F5
100
#EAF2E9
200
#D3E6D1
300
#B4D3B0
400
#8BBC85
500
#62A45B
600
#4E8349
700
#3F693A
800
#31522D
900
#263D24
950
#182717

Contrast Checker

Text on white

10.94:1

AA Pass AAA Pass

Text on black

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