#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026