#357C03

#357C03

Color Values

HEX

#357C03

RGB

53, 124, 3

HSL

95.2, 95.3%, 24.9%

HSV

95.2, 97.6%, 48.6%

CMYK

57.3%, 0.0%, 97.6%, 51.4%

OKLCH

0.5198 0.157 137.3

Properties

Cool Dark Nearest: chartreuse 4

Color Harmonies

Complementary

#357C03

#4A037C

Analogous

#727C03

#037C0D

#357C03

Triadic

#357C03

#03357C

#7C0335

Split Complementary

#357C03

#0D037C

#7C0372

Tetradic

#357C03

#03727C

#4A037C

#7C0D03

Color Blindness Simulation

Original

#357C03

Protanopia

#545420

Deuteranopia

#504A27

Tritanopia

#39373C

Achromatopsia

#646464

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EBFCDF
200
#D5FDB9
300
#B8FC87
400
#91FB47
500
#6AF906
600
#55C705
700
#449F04
800
#357D03
900
#295A07
950
#1A3904

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026