#4C51AF

#4C51AF

Color Values

HEX

#4C51AF

RGB

76, 81, 175

HSL

237.0, 39.4%, 49.2%

HSV

237.0, 56.6%, 68.6%

CMYK

56.6%, 53.7%, 0.0%, 31.4%

OKLCH

0.4822 0.1471 277.1

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4C51AF

#AFAA4C

Analogous

#4C82AF

#794CAF

#4C51AF

Triadic

#4C51AF

#AF4C51

#51AF4C

Split Complementary

#4C51AF

#AF794C

#82AF4C

Tetradic

#4C51AF

#AF4C82

#AFAA4C

#4CAF79

Color Blindness Simulation

Original

#4C51AF

Protanopia

#4E4E98

Deuteranopia

#4E4E93

Tritanopia

#4C8682

Achromatopsia

#575757

CSS Usage

background-color: #4C51AF;
color: #4C51AF;
border-color: #4C51AF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCFE9
300
#AAACDA
400
#7B7FC6
500
#4D52B2
600
#3E428E
700
#313572
800
#272959
900
#1F2142
950
#141529

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

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