#4850AF

#4850AF

Color Values

HEX

#4850AF

RGB

72, 80, 175

HSL

235.3, 41.7%, 48.4%

HSV

235.3, 58.9%, 68.6%

CMYK

58.9%, 54.3%, 0.0%, 31.4%

OKLCH

0.4774 0.1494 275.6

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#4850AF

#AFA748

Analogous

#4883AF

#7348AF

#4850AF

Triadic

#4850AF

#AF4850

#50AF48

Split Complementary

#4850AF

#AF7348

#83AF48

Tetradic

#4850AF

#AF4883

#AFA748

#48AF73

Color Blindness Simulation

Original

#4850AF

Protanopia

#4B4C98

Deuteranopia

#4B4A92

Tritanopia

#488682

Achromatopsia

#555555

CSS Usage

background-color: #4850AF;
color: #4850AF;
border-color: #4850AF;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F5FA
100
#E7E8F3
200
#CCCFEA
300
#A8ACDB
400
#797FC8
500
#4A53B5
600
#3B4291
700
#303574
800
#25295A
900
#1E2143
950
#13152A

Contrast Checker

Text on white

6.9:1

AA Pass AAA Fail

Text on black

3.04:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026