#4F5AAC

#4F5AAC

Color Values

HEX

#4F5AAC

RGB

79, 90, 172

HSL

232.9, 37.1%, 49.2%

HSV

232.9, 54.1%, 67.5%

CMYK

54.1%, 47.7%, 0.0%, 32.5%

OKLCH

0.5001 0.1298 275.0

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4F5AAC

#ACA14F

Analogous

#4F88AC

#724FAC

#4F5AAC

Triadic

#4F5AAC

#AC4F5A

#5AAC4F

Split Complementary

#4F5AAC

#AC724F

#88AC4F

Tetradic

#4F5AAC

#AC4F88

#ACA14F

#4FAC72

Color Blindness Simulation

Original

#4F5AAC

Protanopia

#545498

Deuteranopia

#535293

Tritanopia

#508885

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8E9F3
200
#CED1E9
300
#ABB0D9
400
#7E86C4
500
#505BAF
600
#40498C
700
#333A70
800
#282E57
900
#202441
950
#141729

Contrast Checker

Text on white

6.19:1

AA Pass AAA Fail

Text on black

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