#3C44B3

#3C44B3

Color Values

HEX

#3C44B3

RGB

60, 68, 179

HSL

236.0, 49.8%, 46.9%

HSV

236.0, 66.5%, 70.2%

CMYK

66.5%, 62.0%, 0.0%, 29.8%

OKLCH

0.4502 0.1734 273.9

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#3C44B3

#B3AB3C

Analogous

#3C80B3

#703CB3

#3C44B3

Triadic

#3C44B3

#B33C44

#44B33C

Split Complementary

#3C44B3

#B3703C

#80B33C

Tetradic

#3C44B3

#B33C80

#B3AB3C

#3CB370

Color Blindness Simulation

Original

#3C44B3

Protanopia

#3F4098

Deuteranopia

#3F3E92

Tritanopia

#3C837E

Achromatopsia

#4A4A4A

CSS Usage

background-color: #3C44B3;
color: #3C44B3;
border-color: #3C44B3;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FB
100
#E6E7F5
200
#CACCED
300
#A3A7E0
400
#7278D0
500
#4048BF
600
#333A99
700
#292E7A
800
#20245F
900
#1B1E46
950
#11132C

Contrast Checker

Text on white

7.87:1

AA Pass AAA Pass

Text on black

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