#357F3D

#357F3D

Color Values

HEX

#357F3D

RGB

53, 127, 61

HSL

126.5, 41.1%, 35.3%

HSV

126.5, 58.3%, 49.8%

CMYK

58.3%, 0.0%, 52.0%, 50.2%

OKLCH

0.5332 0.1239 145.6

Properties

Cool Dark Nearest: RAL 6032 Signal Green

Color Harmonies

Complementary

#357F3D

#7F3577

Analogous

#527F35

#357F62

#357F3D

Triadic

#357F3D

#3D357F

#7F3D35

Split Complementary

#357F3D

#62357F

#7F3552

Tetradic

#357F3D

#35527F

#7F3577

#7F6235

Color Blindness Simulation

Original

#357F3D

Protanopia

#55564D

Deuteranopia

#514B51

Tritanopia

#395A5C

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E7F3E8
200
#CDEAD0
300
#A9DBAE
400
#7AC782
500
#4BB456
600
#3C9045
700
#307337
800
#265A2B
900
#1F4222
950
#132A16

Contrast Checker

Text on white

4.94:1

AA Pass AAA Fail

Text on black

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