#72607C

#72607C

Color Values

HEX

#72607C

RGB

114, 96, 124

HSL

278.6, 12.7%, 43.1%

HSV

278.6, 22.6%, 48.6%

CMYK

8.1%, 22.6%, 0.0%, 51.4%

OKLCH

0.5167 0.0484 313.4

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#72607C

#6A7C60

Analogous

#64607C

#7C6078

#72607C

Triadic

#72607C

#7C7260

#607C72

Split Complementary

#72607C

#787C60

#607C64

Tetradic

#72607C

#7C6460

#6A7C60

#60787C

Color Blindness Simulation

Original

#72607C

Protanopia

#6A6A75

Deuteranopia

#6B6D74

Tritanopia

#71706F

Achromatopsia

#666666

CSS Usage

background-color: #72607C;
color: #72607C;
border-color: #72607C;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F8F7F8
100
#EEEBEF
200
#DDD7E0
300
#C4BACA
400
#A495AD
500
#846F90
600
#6A5973
700
#55475C
800
#423848
900
#322B36
950
#201B22

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

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