#72849B

#72849B

Color Values

HEX

#72849B

RGB

114, 132, 155

HSL

213.7, 17.0%, 52.7%

HSV

213.7, 26.5%, 60.8%

CMYK

26.5%, 14.8%, 0.0%, 39.2%

OKLCH

0.6072 0.0409 254.7

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#72849B

#9B8972

Analogous

#72989B

#74729B

#72849B

Triadic

#72849B

#9B7284

#849B72

Split Complementary

#72849B

#9B7472

#989B72

Tetradic

#72849B

#9B7298

#9B8972

#729B74

Color Blindness Simulation

Original

#72849B

Protanopia

#7A7A95

Deuteranopia

#797794

Tritanopia

#739190

Achromatopsia

#828282

CSS Usage

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

Tailwind Shades

50
#F6F7F8
100
#EBEDF0
200
#D5DBE1
300
#B7C1CC
400
#919FB1
500
#6A7D95
600
#556477
700
#44505F
800
#353E4B
900
#293038
950
#1A1E23

Contrast Checker

Text on white

3.83:1

AA Fail AAA Fail

Text on black

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