#3F805C

#3F805C

Color Values

HEX

#3F805C

RGB

63, 128, 92

HSL

146.8, 34.0%, 37.5%

HSV

146.8, 50.8%, 50.2%

CMYK

50.8%, 0.0%, 28.1%, 49.8%

OKLCH

0.5464 0.0882 157.4

Properties

Cool Dark Nearest: aquamarine 4

Color Harmonies

Complementary

#3F805C

#803F63

Analogous

#43803F

#3F807D

#3F805C

Triadic

#3F805C

#5C3F80

#805C3F

Split Complementary

#3F805C

#7D3F80

#803F43

Tetradic

#3F805C

#3F4380

#803F63

#807D3F

Color Blindness Simulation

Original

#3F805C

Protanopia

#5B5C65

Deuteranopia

#575267

Tritanopia

#426C6D

Achromatopsia

#707070

CSS Usage

background-color: #3F805C;
color: #3F805C;
border-color: #3F805C;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5FAF7
100
#E8F2ED
200
#CFE7DA
300
#ADD7C0
400
#81C19D
500
#54AB7B
600
#438962
700
#366D4F
800
#2A553D
900
#223F2F
950
#15281E

Contrast Checker

Text on white

4.72:1

AA Pass AAA Fail

Text on black

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