#4F51AB

#4F51AB

Color Values

HEX

#4F51AB

RGB

79, 81, 171

HSL

238.7, 36.8%, 49.0%

HSV

238.7, 53.8%, 67.1%

CMYK

53.8%, 52.6%, 0.0%, 32.9%

OKLCH

0.4815 0.1408 278.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4F51AB

#ABA94F

Analogous

#4F7FAB

#7B4FAB

#4F51AB

Triadic

#4F51AB

#AB4F51

#51AB4F

Split Complementary

#4F51AB

#AB7B4F

#7FAB4F

Tetradic

#4F51AB

#AB4F7F

#ABA94F

#4FAB7B

Color Blindness Simulation

Original

#4F51AB

Protanopia

#505095

Deuteranopia

#505090

Tritanopia

#4F8480

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CECFE8
300
#ABACD8
400
#7E7FC3
500
#5153AE
600
#40428C
700
#343570
800
#282957
900
#202140
950
#141529

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026