#283A25

#283A25

Color Values

HEX

#283A25

RGB

40, 58, 37

HSL

111.4, 22.1%, 18.6%

HSV

111.4, 36.2%, 22.7%

CMYK

31.0%, 0.0%, 36.2%, 77.3%

OKLCH

0.3262 0.0431 141.0

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#283A25

#37253A

Analogous

#323A25

#253A2C

#283A25

Triadic

#283A25

#25283A

#3A2528

Split Complementary

#283A25

#2C253A

#3A2532

Tetradic

#283A25

#25323A

#37253A

#3A2C25

Color Blindness Simulation

Original

#283A25

Protanopia

#30302A

Deuteranopia

#2F2D2B

Tritanopia

#292E2F

Achromatopsia

#353535

CSS Usage

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

Tailwind Shades

50
#F6F9F6
100
#EBF1EA
200
#D6E3D3
300
#B8CFB4
400
#92B68C
500
#6B9C63
600
#567D4F
700
#456440
800
#364E32
900
#2A3A27
950
#1A2519

Contrast Checker

Text on white

12.19:1

AA Pass AAA Pass

Text on black

1.72:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026