#395F56

#395F56

Color Values

HEX

#395F56

RGB

57, 95, 86

HSL

165.8, 25.0%, 29.8%

HSV

165.8, 40.0%, 37.3%

CMYK

40.0%, 0.0%, 9.5%, 62.7%

OKLCH

0.454 0.0461 177.4

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#395F56

#5F3942

Analogous

#395F43

#39555F

#395F56

Triadic

#395F56

#56395F

#5F5639

Split Complementary

#395F56

#5F3955

#5F4339

Tetradic

#395F56

#43395F

#5F3942

#555F39

Color Blindness Simulation

Original

#395F56

Protanopia

#494A58

Deuteranopia

#474459

Tritanopia

#3B5A5A

Achromatopsia

#565656

CSS Usage

background-color: #395F56;
color: #395F56;
border-color: #395F56;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E4E0
300
#B2D1CA
400
#89B8AD
500
#609F90
600
#4D8073
700
#3D665C
800
#305048
900
#263B36
950
#182522

Contrast Checker

Text on white

7.13:1

AA Pass AAA Pass

Text on black

2.95:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026