#3F8479

#3F8479

Color Values

HEX

#3F8479

RGB

63, 132, 121

HSL

170.4, 35.4%, 38.2%

HSV

170.4, 52.3%, 51.8%

CMYK

52.3%, 0.0%, 8.3%, 48.2%

OKLCH

0.5652 0.0722 181.9

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#3F8479

#843F4A

Analogous

#3F8456

#3F6C84

#3F8479

Triadic

#3F8479

#793F84

#84793F

Split Complementary

#3F8479

#843F6C

#84563F

Tetradic

#3F8479

#563F84

#843F4A

#6C843F

Color Blindness Simulation

Original

#3F8479

Protanopia

#5D5D7C

Deuteranopia

#59547C

Tritanopia

#427E7E

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CFE8E4
300
#ACD7D1
400
#7FC2B7
500
#52AD9E
600
#428A7F
700
#356E65
800
#29564F
900
#21403B
950
#152825

Contrast Checker

Text on white

4.39:1

AA Fail AAA Fail

Text on black

4.79:1

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