#3F9166

#3F9166

Color Values

HEX

#3F9166

RGB

63, 145, 102

HSL

148.5, 39.4%, 40.8%

HSV

148.5, 56.6%, 56.9%

CMYK

56.6%, 0.0%, 29.7%, 43.1%

OKLCH

0.5937 0.1046 157.9

Properties

Cool Light Nearest: seagreen

Color Harmonies

Complementary

#3F9166

#913F6A

Analogous

#41913F

#3F918F

#3F9166

Triadic

#3F9166

#663F91

#91663F

Split Complementary

#3F9166

#8F3F91

#913F41

Tetradic

#3F9166

#3F4191

#913F6A

#918F3F

Color Blindness Simulation

Original

#3F9166

Protanopia

#636370

Deuteranopia

#5E5873

Tritanopia

#43797A

Achromatopsia

#7C7C7C

CSS Usage

background-color: #3F9166;
color: #3F9166;
border-color: #3F9166;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CDE9DB
300
#AADAC1
400
#7BC69F
500
#4DB27D
600
#3E8E64
700
#317250
800
#27593E
900
#1F4230
950
#14291E

Contrast Checker

Text on white

3.85:1

AA Fail AAA Fail

Text on black

5.45:1

AA Pass 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