#484CD1

#484CD1

Color Values

HEX

#484CD1

RGB

72, 76, 209

HSL

238.2, 59.8%, 55.1%

HSV

238.2, 65.6%, 82.0%

CMYK

65.6%, 63.6%, 0.0%, 18.0%

OKLCH

0.4975 0.2002 275.1

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#484CD1

#D1CD48

Analogous

#4891D1

#8848D1

#484CD1

Triadic

#484CD1

#D1484C

#4CD148

Split Complementary

#484CD1

#D18848

#91D148

Tetradic

#484CD1

#D14891

#D1CD48

#48D188

Color Blindness Simulation

Original

#484CD1

Protanopia

#4A4AB1

Deuteranopia

#4A49A9

Tritanopia

#489792

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C7F1
300
#9D9FE6
400
#686CD9
500
#3338CC
600
#292DA3
700
#212482
800
#1A1C66
900
#16184B
950
#0E0F2F

Contrast Checker

Text on white

6.5:1

AA Pass AAA Fail

Text on black

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