#284D0F

#284D0F

Color Values

HEX

#284D0F

RGB

40, 77, 15

HSL

95.8, 67.4%, 18.0%

HSV

95.8, 80.5%, 30.2%

CMYK

48.1%, 0.0%, 80.5%, 69.8%

OKLCH

0.3785 0.0988 135.6

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#284D0F

#340F4D

Analogous

#474D0F

#0F4D15

#284D0F

Triadic

#284D0F

#0F284D

#4D0F28

Split Complementary

#284D0F

#150F4D

#4D0F47

Tetradic

#284D0F

#0F474D

#340F4D

#4D150F

Color Blindness Simulation

Original

#284D0F

Protanopia

#38381E

Deuteranopia

#363322

Tritanopia

#2A2A2C

Achromatopsia

#414141

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF7E3
200
#D7F3C3
300
#BAEB99
400
#94E061
500
#6FD52A
600
#59AB21
700
#47891B
800
#376B15
900
#2B4E13
950
#1B310C

Contrast Checker

Text on white

9.73:1

AA Pass AAA Pass

Text on black

2.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026