#4C50AF

#4C50AF

Color Values

HEX

#4C50AF

RGB

76, 80, 175

HSL

237.6, 39.4%, 49.2%

HSV

237.6, 56.6%, 68.6%

CMYK

56.6%, 54.3%, 0.0%, 31.4%

OKLCH

0.4803 0.1485 277.4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4C50AF

#AFAB4C

Analogous

#4C81AF

#7A4CAF

#4C50AF

Triadic

#4C50AF

#AF4C50

#50AF4C

Split Complementary

#4C50AF

#AF7A4C

#81AF4C

Tetradic

#4C50AF

#AF4C81

#AFAB4C

#4CAF7A

Color Blindness Simulation

Original

#4C50AF

Protanopia

#4E4E98

Deuteranopia

#4E4D92

Tritanopia

#4C8682

Achromatopsia

#565656

CSS Usage

background-color: #4C50AF;
color: #4C50AF;
border-color: #4C50AF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CDCEE9
300
#AAACDA
400
#7B7EC6
500
#4D51B2
600
#3E418E
700
#313472
800
#272959
900
#1F2142
950
#141529

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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