#728099

#728099

Color Values

HEX

#728099

RGB

114, 128, 153

HSL

218.5, 16.0%, 52.4%

HSV

218.5, 25.5%, 60.0%

CMYK

25.5%, 16.3%, 0.0%, 40.0%

OKLCH

0.5975 0.0417 262.0

Properties

Cool Light Nearest: slategrey

Color Harmonies

Complementary

#728099

#998B72

Analogous

#729499

#787299

#728099

Triadic

#728099

#997280

#809972

Split Complementary

#728099

#997872

#949972

Tetradic

#728099

#997294

#998B72

#729978

Color Blindness Simulation

Original

#728099

Protanopia

#787893

Deuteranopia

#777692

Tritanopia

#738E8D

Achromatopsia

#7F7F7F

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECF0
200
#D6DAE1
300
#B8BFCC
400
#929CB0
500
#6B7A94
600
#566176
700
#454E5F
800
#363D4A
900
#292E37
950
#1A1D23

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

5.26:1

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