#727C93

#727C93

Color Values

HEX

#727C93

RGB

114, 124, 147

HSL

221.8, 13.3%, 51.2%

HSV

221.8, 22.4%, 57.6%

CMYK

22.4%, 15.6%, 0.0%, 42.4%

OKLCH

0.5863 0.0373 266.7

Properties

Cool Light Nearest: lightsteelblue 4

Color Harmonies

Complementary

#727C93

#938972

Analogous

#728D93

#797293

#727C93

Triadic

#727C93

#93727C

#7C9372

Split Complementary

#727C93

#937972

#8D9372

Tetradic

#727C93

#93728D

#938972

#729379

Color Blindness Simulation

Original

#727C93

Protanopia

#76768D

Deuteranopia

#76758C

Tritanopia

#728988

Achromatopsia

#7C7C7C

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBECEF
200
#D7D9E0
300
#BABFCA
400
#949CAD
500
#6F7990
600
#586174
700
#474D5C
800
#373C48
900
#2B2E36
950
#1B1D22

Contrast Checker

Text on white

4.18:1

AA Fail AAA Fail

Text on black

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