#7C7282

#7C7282

Color Values

HEX

#7C7282

RGB

124, 114, 130

HSL

277.5, 6.6%, 47.8%

HSV

277.5, 12.3%, 51.0%

CMYK

4.6%, 12.3%, 0.0%, 49.0%

OKLCH

0.5666 0.027 313.0

Properties

Cool Light Nearest: thistle 4

Color Harmonies

Complementary

#7C7282

#788272

Analogous

#747282

#827280

#7C7282

Triadic

#7C7282

#827C72

#72827C

Split Complementary

#7C7282

#808272

#728274

Tetradic

#7C7282

#827472

#788272

#728082

Color Blindness Simulation

Original

#7C7282

Protanopia

#78787E

Deuteranopia

#78797D

Tritanopia

#7C7B7A

Achromatopsia

#757575

CSS Usage

background-color: #7C7282;
color: #7C7282;
border-color: #7C7282;
Nearest Tailwind: Zinc 500 #71717A

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DCD9DE
300
#C3BEC6
400
#A29AA7
500
#827788
600
#685F6D
700
#534C57
800
#413C44
900
#312E33
950
#1F1D20

Contrast Checker

Text on white

4.58:1

AA Pass AAA Fail

Text on black

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