#3F5A45

#3F5A45

Color Values

HEX

#3F5A45

RGB

63, 90, 69

HSL

133.3, 17.6%, 30.0%

HSV

133.3, 30.0%, 35.3%

CMYK

30.0%, 0.0%, 23.3%, 64.7%

OKLCH

0.4394 0.0472 151.0

Properties

Cool Dark Nearest: RAL 6028 Pine Green

Color Harmonies

Complementary

#3F5A45

#5A3F54

Analogous

#475A3F

#3F5A52

#3F5A45

Triadic

#3F5A45

#453F5A

#5A453F

Split Complementary

#3F5A45

#523F5A

#5A3F47

Tetradic

#3F5A45

#3F475A

#5A3F54

#5A523F

Color Blindness Simulation

Original

#3F5A45

Protanopia

#4B4B4A

Deuteranopia

#49474B

Tritanopia

#404E4F

Achromatopsia

#535353

CSS Usage

background-color: #3F5A45;
color: #3F5A45;
border-color: #3F5A45;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F6F8F7
100
#EAF0EC
200
#D5E2D8
300
#B7CDBC
400
#90B197
500
#699673
600
#54785C
700
#43604A
800
#354B3A
900
#29382C
950
#1A231C

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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