#725F84

#725F84

Color Values

HEX

#725F84

RGB

114, 95, 132

HSL

270.8, 16.3%, 44.5%

HSV

270.8, 28.0%, 51.8%

CMYK

13.6%, 28.0%, 0.0%, 48.2%

OKLCH

0.518 0.0614 307.7

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#725F84

#71845F

Analogous

#5F5F84

#845F83

#725F84

Triadic

#725F84

#84725F

#5F8472

Split Complementary

#725F84

#83845F

#5F845F

Tetradic

#725F84

#845F5F

#71845F

#5F8384

Color Blindness Simulation

Original

#725F84

Protanopia

#6A6A7B

Deuteranopia

#6B6C79

Tritanopia

#717472

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#EDEBF0
200
#DBD5E1
300
#C2B8CC
400
#A191B0
500
#806B94
600
#665577
700
#52445F
800
#40354A
900
#312938
950
#1F1A23

Contrast Checker

Text on white

5.7:1

AA Pass AAA Fail

Text on black

3.69:1

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