#484BCF

#484BCF

Color Values

HEX

#484BCF

RGB

72, 75, 207

HSL

238.7, 58.4%, 54.7%

HSV

238.7, 65.2%, 81.2%

CMYK

65.2%, 63.8%, 0.0%, 18.8%

OKLCH

0.4941 0.1988 275.4

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#484BCF

#CFCC48

Analogous

#488ECF

#8948CF

#484BCF

Triadic

#484BCF

#CF484B

#4BCF48

Split Complementary

#484BCF

#CF8948

#8ECF48

Tetradic

#484BCF

#CF488E

#CFCC48

#48CF89

Color Blindness Simulation

Original

#484BCF

Protanopia

#4949AF

Deuteranopia

#4949A7

Tritanopia

#489690

Achromatopsia

#545454

CSS Usage

background-color: #484BCF;
color: #484BCF;
border-color: #484BCF;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F4F4FB
100
#E4E5F6
200
#C6C7F0
300
#9EA0E6
400
#6A6CD8
500
#3538CA
600
#2A2DA2
700
#222481
800
#1B1C65
900
#17184A
950
#0F0F2F

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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