#4752AC

#4752AC

Color Values

HEX

#4752AC

RGB

71, 82, 172

HSL

233,5, 41,6%, 47,6%

HSV

233,5, 58,7%, 67,5%

CMYK

58,7%, 52,3%, 0,0%, 32,5%

OKLCH

0,4785 0,1428 274,4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4752AC

#ACA147

Analogous

#4784AC

#6E47AC

#4752AC

Triadic

#4752AC

#AC4752

#52AC47

Split Complementary

#4752AC

#AC6E47

#84AC47

Tetradic

#4752AC

#AC4784

#ACA147

#47AC6E

Color Blindness Simulation

Original

#4752AC

Protanopia

#4C4C96

Deuteranopia

#4B4A91

Tritanopia

#488581

Achromatopsia

#565656

CSS Usage

background-color: #4752AC;
color: #4752AC;
border-color: #4752AC;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CCD0EA
300
#A8AEDB
400
#7982C8
500
#4A56B5
600
#3C4590
700
#303774
800
#252B5A
900
#1E2243
950
#13162A

Contrast Checker

Text on white

6,84:1

AA Pass AAA Fail

Text on black

3,07:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026