#358240

#358240

Color Values

HEX

#358240

RGB

53, 130, 64

HSL

128.6, 42.1%, 35.9%

HSV

128.6, 59.2%, 51.0%

CMYK

59.2%, 0.0%, 50.8%, 49.0%

OKLCH

0.5419 0.1253 146.3

Properties

Cool Dark Nearest: RAL 6024 Traffic Green

Color Harmonies

Complementary

#358240

#823577

Analogous

#508235

#358267

#358240

Triadic

#358240

#403582

#824035

Split Complementary

#358240

#673582

#823550

Tetradic

#358240

#355082

#823577

#826735

Color Blindness Simulation

Original

#358240

Protanopia

#565750

Deuteranopia

#524C54

Tritanopia

#395D5F

Achromatopsia

#6D6D6D

CSS Usage

background-color: #358240;
color: #358240;
border-color: #358240;
Nearest Tailwind: Green 700 #15803D

Tailwind Shades

50
#F5FAF5
100
#E7F4E9
200
#CCEAD1
300
#A8DCAF
400
#79C884
500
#4AB559
600
#3B9147
700
#2F7439
800
#255B2D
900
#1E4323
950
#132A16

Contrast Checker

Text on white

4.75:1

AA Pass AAA Fail

Text on black

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