#355F16

#355F16

Color Values

HEX

#355F16

RGB

53, 95, 22

HSL

94.5, 62.4%, 22.9%

HSV

94.5, 76.8%, 37.3%

CMYK

44.2%, 0.0%, 76.8%, 62.7%

OKLCH

0.4386 0.112 134.9

Properties

Cool Dark Nearest: RAL 6010 Grass Green

Color Harmonies

Complementary

#355F16

#40165F

Analogous

#595F16

#165F1B

#355F16

Triadic

#355F16

#16355F

#5F1635

Split Complementary

#355F16

#1B165F

#5F1659

Tetradic

#355F16

#16595F

#40165F

#5F1B16

Color Blindness Simulation

Original

#355F16

Protanopia

#474828

Deuteranopia

#45422C

Tritanopia

#373639

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F7FBF3
100
#ECF7E4
200
#D8F2C5
300
#BCE89C
400
#98DC66
500
#74CF30
600
#5CA626
700
#4A851F
800
#3A6818
900
#2C4C15
950
#1C300D

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

2.8:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026