#366203

#366203

Color Values

HEX

#366203

RGB

54, 98, 3

HSL

87.8, 94.1%, 19.8%

HSV

87.8, 96.9%, 38.4%

CMYK

44.9%, 0.0%, 96.9%, 61.6%

OKLCH

0.4466 0.125 133.3

Properties

Cool Dark Nearest: darkgreen

Color Harmonies

Complementary

#366203

#2F0362

Analogous

#625F03

#066203

#366203

Triadic

#366203

#033662

#620336

Split Complementary

#366203

#030662

#5F0362

Tetradic

#366203

#03625F

#2F0362

#620306

Color Blindness Simulation

Original

#366203

Protanopia

#49491A

Deuteranopia

#464320

Tritanopia

#382C30

Achromatopsia

#525252

CSS Usage

background-color: #366203;
color: #366203;
border-color: #366203;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#F8FDF1
100
#EEFBDF
200
#DEFDBA
300
#C6FB88
400
#A7F948
500
#88F708
600
#6DC606
700
#579E05
800
#447C04
900
#335907
950
#213905

Contrast Checker

Text on white

7.23:1

AA Pass AAA Pass

Text on black

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