#395C43

#395C43

Color Values

HEX

#395C43

RGB

57, 92, 67

HSL

137.1, 23.5%, 29.2%

HSV

137.1, 38.0%, 36.1%

CMYK

38.0%, 0.0%, 27.2%, 63.9%

OKLCH

0.4403 0.0579 152.5

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#395C43

#5C3952

Analogous

#405C39

#395C54

#395C43

Triadic

#395C43

#43395C

#5C4339

Split Complementary

#395C43

#54395C

#5C3940

Tetradic

#395C43

#39405C

#5C3952

#5C5439

Color Blindness Simulation

Original

#395C43

Protanopia

#484849

Deuteranopia

#46444A

Tritanopia

#3B4E4F

Achromatopsia

#535353

CSS Usage

background-color: #395C43;
color: #395C43;
border-color: #395C43;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F9F7
100
#EAF1EC
200
#D3E4D8
300
#B3D0BC
400
#8AB797
500
#629D73
600
#4E7E5C
700
#3E6549
800
#314F39
900
#263B2C
950
#18251C

Contrast Checker

Text on white

7.54:1

AA Pass AAA Pass

Text on black

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