#3B36F0

#3B36F0

Color Values

HEX

#3B36F0

RGB

59, 54, 240

HSL

241.6, 86.1%, 57.6%

HSV

241.6, 77.5%, 94.1%

CMYK

75.4%, 77.5%, 0.0%, 5.9%

OKLCH

0.4882 0.2623 272.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#3B36F0

#EBF036

Analogous

#368EF0

#9836F0

#3B36F0

Triadic

#3B36F0

#F03B36

#36F03B

Split Complementary

#3B36F0

#F09836

#8EF036

Tetradic

#3B36F0

#F0368E

#EBF036

#36F098

Color Blindness Simulation

Original

#3B36F0

Protanopia

#3939C3

Deuteranopia

#393AB8

Tritanopia

#3B9F98

Achromatopsia

#444444

CSS Usage

background-color: #3B36F0;
color: #3B36F0;
border-color: #3B36F0;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BEBDFA
300
#908DF6
400
#544FF2
500
#1812ED
600
#130EBE
700
#0F0B98
800
#0C0977
900
#0D0B56
950
#080736

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026