#338409

#338409

Color Values

HEX

#338409

RGB

51, 132, 9

HSL

99.5, 87.2%, 27.6%

HSV

99.5, 93.2%, 51.8%

CMYK

61.4%, 0.0%, 93.2%, 48.2%

OKLCH

0.5417 0.1653 138.6

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#338409

#5A0984

Analogous

#708409

#09841C

#338409

Triadic

#338409

#093384

#840933

Split Complementary

#338409

#1C0984

#840970

Tetradic

#338409

#097084

#5A0984

#841C09

Color Blindness Simulation

Original

#338409

Protanopia

#565727

Deuteranopia

#514B2E

Tritanopia

#373E43

Achromatopsia

#6A6A6A

CSS Usage

background-color: #338409;
color: #338409;
border-color: #338409;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F6FDF2
100
#E9FAE0
200
#D1FABC
300
#B1F78C
400
#87F34E
500
#5CEF10
600
#4ABF0D
700
#3B990A
800
#2E7708
900
#24560A
950
#173707

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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