#4F51AE

#4F51AE

Color Values

HEX

#4F51AE

RGB

79, 81, 174

HSL

238.7, 37.5%, 49.6%

HSV

238.7, 54.6%, 68.2%

CMYK

54.6%, 53.4%, 0.0%, 31.8%

OKLCH

0.4837 0.1451 278.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4F51AE

#AEAC4F

Analogous

#4F81AE

#7C4FAE

#4F51AE

Triadic

#4F51AE

#AE4F51

#51AE4F

Split Complementary

#4F51AE

#AE7C4F

#81AE4F

Tetradic

#4F51AE

#AE4F81

#AEAC4F

#4FAE7C

Color Blindness Simulation

Original

#4F51AE

Protanopia

#505098

Deuteranopia

#505092

Tritanopia

#4F8682

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECEE9
300
#ABACD9
400
#7D7FC4
500
#5052AF
600
#40418C
700
#333470
800
#282958
900
#202141
950
#141529

Contrast Checker

Text on white

6.73:1

AA Pass AAA Fail

Text on black

3.12:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026