#4B56AC

#4B56AC

Color Values

HEX

#4B56AC

RGB

75, 86, 172

HSL

233.2, 39.3%, 48.4%

HSV

233.2, 56.4%, 67.5%

CMYK

56.4%, 50.0%, 0.0%, 32.5%

OKLCH

0.4892 0.1363 274.7

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4B56AC

#ACA14B

Analogous

#4B86AC

#704BAC

#4B56AC

Triadic

#4B56AC

#AC4B56

#56AC4B

Split Complementary

#4B56AC

#AC704B

#86AC4B

Tetradic

#4B56AC

#AC4B86

#ACA14B

#4BAC70

Color Blindness Simulation

Original

#4B56AC

Protanopia

#505097

Deuteranopia

#4F4E92

Tritanopia

#4C8783

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E9F3
200
#CDD0E9
300
#AAAFDA
400
#7C84C6
500
#4D59B2
600
#3E478E
700
#323972
800
#272C59
900
#1F2342
950
#141629

Contrast Checker

Text on white

6.51:1

AA Pass AAA Fail

Text on black

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