#533C56

#533C56

Color Values

HEX

#533C56

RGB

83, 60, 86

HSL

293.1, 17.8%, 28.6%

HSV

293.1, 30.2%, 33.7%

CMYK

3.5%, 30.2%, 0.0%, 66.3%

OKLCH

0.3918 0.0522 322.6

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#533C56

#3F563C

Analogous

#463C56

#563C4C

#533C56

Triadic

#533C56

#56533C

#3C5653

Split Complementary

#533C56

#4C563C

#3C5646

Tetradic

#533C56

#56463C

#3F563C

#3C4C56

Color Blindness Simulation

Original

#533C56

Protanopia

#494950

Deuteranopia

#4A4C4E

Tritanopia

#524B4A

Achromatopsia

#434343

CSS Usage

background-color: #533C56;
color: #533C56;
border-color: #533C56;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F8F6F9
100
#EFEAF0
200
#E0D5E2
300
#CAB7CD
400
#AE90B1
500
#916996
600
#745478
700
#5D4360
800
#48344B
900
#362938
950
#221A24

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

2.15:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026