#536C66

#536C66

Color Values

HEX

#536C66

RGB

83, 108, 102

HSL

165.6, 13.1%, 37.5%

HSV

165.6, 23.1%, 42.4%

CMYK

23.1%, 0.0%, 5.6%, 57.6%

OKLCH

0.5094 0.031 178.7

Properties

Cool Dark Nearest: RAL 7005 Mouse Grey

Color Harmonies

Complementary

#536C66

#6C5359

Analogous

#536C5A

#53666C

#536C66

Triadic

#536C66

#66536C

#6C6653

Split Complementary

#536C66

#6C5366

#6C5A53

Tetradic

#536C66

#5A536C

#6C5359

#666C53

Color Blindness Simulation

Original

#536C66

Protanopia

#5E5E67

Deuteranopia

#5C5A68

Tritanopia

#546969

Achromatopsia

#666666

CSS Usage

background-color: #536C66;
color: #536C66;
border-color: #536C66;
Nearest Tailwind: Neutral 500 #737373

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D7E0DE
300
#BACAC6
400
#94ADA7
500
#6F9088
600
#59736D
700
#475C57
800
#374844
900
#2B3633
950
#1B2220

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.7:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026