#3F6653

#3F6653

Color Values

HEX

#3F6653

RGB

63, 102, 83

HSL

150.8, 23.6%, 32.4%

HSV

150.8, 38.2%, 40.0%

CMYK

38.2%, 0.0%, 18.6%, 60.0%

OKLCH

0.4751 0.0543 162.3

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#3F6653

#663F52

Analogous

#3F6640

#3F6666

#3F6653

Triadic

#3F6653

#533F66

#66533F

Split Complementary

#3F6653

#663F66

#66403F

Tetradic

#3F6653

#403F66

#663F52

#66663F

Color Blindness Simulation

Original

#3F6653

Protanopia

#505058

Deuteranopia

#4E4B59

Tritanopia

#415B5C

Achromatopsia

#5C5C5C

CSS Usage

background-color: #3F6653;
color: #3F6653;
border-color: #3F6653;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F7
100
#EAF1ED
200
#D3E4DC
300
#B3D0C2
400
#8AB7A1
500
#619E80
600
#4E7E67
700
#3E6552
800
#314F40
900
#263B31
950
#18251F

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026