#4D52AA

#4D52AA

Color Values

HEX

#4D52AA

RGB

77, 82, 170

HSL

236.8, 37.7%, 48.4%

HSV

236.8, 54.7%, 66.7%

CMYK

54.7%, 51.8%, 0.0%, 33.3%

OKLCH

0.4813 0.1384 277.4

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4D52AA

#AAA54D

Analogous

#4D80AA

#764DAA

#4D52AA

Triadic

#4D52AA

#AA4D52

#52AA4D

Split Complementary

#4D52AA

#AA764D

#80AA4D

Tetradic

#4D52AA

#AA4D80

#AAA54D

#4DAA76

Color Blindness Simulation

Original

#4D52AA

Protanopia

#4F4F95

Deuteranopia

#4F4E90

Tritanopia

#4D8480

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CECFE9
300
#ABADD9
400
#7D81C4
500
#4F55B0
600
#40448C
700
#333670
800
#282A58
900
#202241
950
#141529

Contrast Checker

Text on white

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