#535DD2

#535DD2

Color Values

HEX

#535DD2

RGB

83, 93, 210

HSL

235.3, 58.5%, 57.5%

HSV

235.3, 60.5%, 82.4%

CMYK

60.5%, 55.7%, 0.0%, 17.6%

OKLCH

0.5355 0.178 275.0

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#535DD2

#D2C853

Analogous

#539DD2

#8953D2

#535DD2

Triadic

#535DD2

#D2535D

#5DD253

Split Complementary

#535DD2

#D28953

#9DD253

Tetradic

#535DD2

#D2539D

#D2C853

#53D289

Color Blindness Simulation

Original

#535DD2

Protanopia

#5757B6

Deuteranopia

#5756AF

Tritanopia

#549F9A

Achromatopsia

#636363

CSS Usage

background-color: #535DD2;
color: #535DD2;
border-color: #535DD2;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F4F4FB
100
#E4E6F6
200
#C6CAF0
300
#9EA4E6
400
#6972D8
500
#3541CA
600
#2A34A2
700
#222981
800
#1A2065
900
#171B4A
950
#0E112F

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026