#3585E2

#3585E2

Color Values

HEX

#3585E2

RGB

53, 133, 226

HSL

212.3, 74.9%, 54.7%

HSV

212.3, 76.5%, 88.6%

CMYK

76.5%, 41.2%, 0.0%, 11.4%

OKLCH

0.6146 0.1607 254.5

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#3585E2

#E29235

Analogous

#35DBE2

#3C35E2

#3585E2

Triadic

#3585E2

#E23585

#85E235

Split Complementary

#3585E2

#E23C35

#DBE235

Tetradic

#3585E2

#E235DB

#E29235

#35E23C

Color Blindness Simulation

Original

#3585E2

Protanopia

#5858CC

Deuteranopia

#534DC6

Tritanopia

#39BAB6

Achromatopsia

#7B7B7B

CSS Usage

background-color: #3585E2;
color: #3585E2;
border-color: #3585E2;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F2F7FC
100
#E2ECF9
200
#C1D9F6
300
#94BEF0
400
#5A9BE7
500
#2078DF
600
#1A60B2
700
#144D8F
800
#103C6F
900
#102E51
950
#0A1D33

Contrast Checker

Text on white

3.75:1

AA Fail AAA Fail

Text on black

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