#3F6B64

#3F6B64

Color Values

HEX

#3F6B64

RGB

63, 107, 100

HSL

170.5, 25.9%, 33.3%

HSV

170.5, 41.1%, 42.0%

CMYK

41.1%, 0.0%, 6.5%, 58.0%

OKLCH

0.4936 0.0503 183.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#3F6B64

#6B3F46

Analogous

#3F6B4E

#3F5C6B

#3F6B64

Triadic

#3F6B64

#643F6B

#6B643F

Split Complementary

#3F6B64

#6B3F5C

#6B4E3F

Tetradic

#3F6B64

#4E3F6B

#6B3F46

#5C6B3F

Color Blindness Simulation

Original

#3F6B64

Protanopia

#525266

Deuteranopia

#504C66

Tritanopia

#416767

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E2
300
#B2D2CD
400
#88B9B1
500
#5EA196
600
#4C8078
700
#3C6760
800
#2F504B
900
#253C38
950
#172623

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

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