#3F736B

#3F736B

Color Values

HEX

#3F736B

RGB

63, 115, 107

HSL

170.8, 29.2%, 34.9%

HSV

170.8, 45.2%, 45.1%

CMYK

45.2%, 0.0%, 7.0%, 54.9%

OKLCH

0.5167 0.0576 183.0

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#3F736B

#733F47

Analogous

#3F7351

#3F6173

#3F736B

Triadic

#3F736B

#6B3F73

#736B3F

Split Complementary

#3F736B

#733F61

#73513F

Tetradic

#3F736B

#513F73

#733F47

#61733F

Color Blindness Simulation

Original

#3F736B

Protanopia

#56566D

Deuteranopia

#524F6D

Tritanopia

#426E6F

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D1E6E3
300
#B0D4CE
400
#85BCB4
500
#5AA599
600
#48847B
700
#3A6962
800
#2D524D
900
#243D39
950
#172724

Contrast Checker

Text on white

5.42:1

AA Pass AAA Fail

Text on black

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