#395848

#395848

Color Values

HEX

#395848

RGB

57, 88, 72

HSL

149.0, 21.4%, 28.4%

HSV

149.0, 35.2%, 34.5%

CMYK

35.2%, 0.0%, 18.2%, 65.5%

OKLCH

0.4309 0.0454 161.2

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#395848

#583949

Analogous

#395839

#395857

#395848

Triadic

#395848

#483958

#584839

Split Complementary

#395848

#573958

#583939

Tetradic

#395848

#393958

#583949

#585739

Color Blindness Simulation

Original

#395848

Protanopia

#46474C

Deuteranopia

#45424D

Tritanopia

#3B4F50

Achromatopsia

#505050

CSS Usage

background-color: #395848;
color: #395848;
border-color: #395848;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D4E3DB
300
#B5CFC1
400
#8CB5A0
500
#649B7F
600
#507C65
700
#406351
800
#324D3F
900
#273A30
950
#19241E

Contrast Checker

Text on white

7.88:1

AA Pass AAA Pass

Text on black

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