#335B25

#335B25

Color Values

HEX

#335B25

RGB

51, 91, 37

HSL

104.4, 42.2%, 25.1%

HSV

104.4, 59.3%, 35.7%

CMYK

44.0%, 0.0%, 59.3%, 64.3%

OKLCH

0.4279 0.0942 138.3

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#335B25

#4D255B

Analogous

#4E5B25

#255B32

#335B25

Triadic

#335B25

#25335B

#5B2533

Split Complementary

#335B25

#32255B

#5B254E

Tetradic

#335B25

#254E5B

#4D255B

#5B3225

Color Blindness Simulation

Original

#335B25

Protanopia

#444532

Deuteranopia

#423F35

Tritanopia

#353C3F

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF4E7
200
#D4EACC
300
#B5DCA8
400
#8EC879
500
#66B54A
600
#51913B
700
#41742F
800
#335B25
900
#28431E
950
#192A13

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

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