#3F7069

#3F7069

Color Values

HEX

#3F7069

RGB

63, 112, 105

HSL

171.4, 28.0%, 34.3%

HSV

171.4, 43.7%, 43.9%

CMYK

43.7%, 0.0%, 6.3%, 56.1%

OKLCH

0.5083 0.0547 184.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#3F7069

#703F46

Analogous

#3F7050

#3F5E70

#3F7069

Triadic

#3F7069

#693F70

#70693F

Split Complementary

#3F7069

#703F5E

#70503F

Tetradic

#3F7069

#503F70

#703F46

#5E703F

Color Blindness Simulation

Original

#3F7069

Protanopia

#54556B

Deuteranopia

#514E6B

Tritanopia

#416C6C

Achromatopsia

#656565

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D1E5E2
300
#B1D3CE
400
#86BBB3
500
#5CA399
600
#49837A
700
#3B6862
800
#2E524C
900
#243D39
950
#172624

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

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