#284302

#284302

Color Values

HEX

#284302

RGB

40, 67, 2

HSL

84.9, 94.2%, 13.5%

HSV

84.9, 97.0%, 26.3%

CMYK

40.3%, 0.0%, 97.0%, 73.7%

OKLCH

0.3478 0.0931 130.9

Properties

Cool Dark Nearest: RAL 6002 Leaf Green

Color Harmonies

Complementary

#284302

#1D0243

Analogous

#433D02

#084302

#284302

Triadic

#284302

#022843

#430228

Split Complementary

#284302

#020843

#3D0243

Tetradic

#284302

#02433D

#1D0243

#430208

Color Blindness Simulation

Original

#284302

Protanopia

#343412

Deuteranopia

#323015

Tritanopia

#291E21

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#F0FBDF
200
#E1FDBA
300
#CCFB88
400
#B0FA48
500
#94F807
600
#76C606
700
#5F9E05
800
#4A7C04
900
#375A07
950
#233905

Contrast Checker

Text on white

11.09:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026