#728397

#728397

Color Values

HEX

#728397

RGB

114, 131, 151

HSL

212.4, 15.1%, 52.0%

HSV

212.4, 24.5%, 59.2%

CMYK

24.5%, 13.2%, 0.0%, 40.8%

OKLCH

0.6034 0.0365 252.6

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#728397

#978672

Analogous

#729697

#747297

#728397

Triadic

#728397

#977283

#839772

Split Complementary

#728397

#977472

#969772

Tetradic

#728397

#977296

#978672

#729774

Color Blindness Simulation

Original

#728397

Protanopia

#797A92

Deuteranopia

#787791

Tritanopia

#738E8E

Achromatopsia

#818181

CSS Usage

background-color: #728397;
color: #728397;
border-color: #728397;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F7F8
100
#EBEDEF
200
#D6DBE1
300
#B9C1CB
400
#92A0AF
500
#6C7E93
600
#576575
700
#45515E
800
#363F49
900
#2A3037
950
#1A1E23

Contrast Checker

Text on white

3.88:1

AA Fail AAA Fail

Text on black

5.41:1

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