#537767

#537767

Color Values

HEX

#537767

RGB

83, 119, 103

HSL

153.3, 17.8%, 39.6%

HSV

153.3, 30.3%, 46.7%

CMYK

30.3%, 0.0%, 13.4%, 53.3%

OKLCH

0.537 0.0481 165.3

Properties

Cool Dark Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#537767

#775363

Analogous

#537755

#537577

#537767

Triadic

#537767

#675377

#776753

Split Complementary

#537767

#775375

#775553

Tetradic

#537767

#555377

#775363

#757753

Color Blindness Simulation

Original

#537767

Protanopia

#63636B

Deuteranopia

#605E6C

Tritanopia

#556E6F

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0ED
200
#D5E2DC
300
#B7CDC3
400
#90B1A2
500
#699682
600
#547868
700
#436053
800
#344B41
900
#293831
950
#1A241F

Contrast Checker

Text on white

5.0:1

AA Pass AAA Fail

Text on black

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