#3F8674

#3F8674

Color Values

HEX

#3F8674

RGB

63, 134, 116

HSL

164.8, 36.0%, 38.6%

HSV

164.8, 53.0%, 52.5%

CMYK

53.0%, 0.0%, 13.4%, 47.5%

OKLCH

0.5688 0.0774 174.6

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#3F8674

#863F51

Analogous

#3F8650

#3F7486

#3F8674

Triadic

#3F8674

#743F86

#86743F

Split Complementary

#3F8674

#863F74

#86503F

Tetradic

#3F8674

#503F86

#863F51

#74863F

Color Blindness Simulation

Original

#3F8674

Protanopia

#5E5E78

Deuteranopia

#5A5479

Tritanopia

#437C7D

Achromatopsia

#767676

CSS Usage

background-color: #3F8674;
color: #3F8674;
border-color: #3F8674;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E8F3F0
200
#CEE8E2
300
#ACD8CD
400
#7FC3B1
500
#52AD96
600
#418B78
700
#346F60
800
#29574B
900
#214038
950
#152923

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.87:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026