#535679

#535679

Color Values

HEX

#535679

RGB

83, 86, 121

HSL

235.3, 18.6%, 40.0%

HSV

235.3, 31.4%, 47.5%

CMYK

31.4%, 28.9%, 0.0%, 52.5%

OKLCH

0.465 0.0568 280.1

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#535679

#797653

Analogous

#536979

#635379

#535679

Triadic

#535679

#795356

#567953

Split Complementary

#535679

#796353

#697953

Tetradic

#535679

#795369

#797653

#537963

Color Blindness Simulation

Original

#535679

Protanopia

#545471

Deuteranopia

#54546E

Tritanopia

#536A68

Achromatopsia

#585858

CSS Usage

background-color: #535679;
color: #535679;
border-color: #535679;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F6F9
100
#EAEBF0
200
#D5D6E2
300
#B6B8CD
400
#8F92B2
500
#686C97
600
#535679
700
#424561
800
#34364C
900
#282A39
950
#191A24

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026