#484BD8

#484BD8

Color Values

HEX

#484BD8

RGB

72, 75, 216

HSL

238.8, 64.9%, 56.5%

HSV

238.8, 66.7%, 84.7%

CMYK

66.7%, 65.3%, 0.0%, 15.3%

OKLCH

0.502 0.2102 274.9

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#484BD8

#D8D548

Analogous

#4893D8

#8D48D8

#484BD8

Triadic

#484BD8

#D8484B

#4BD848

Split Complementary

#484BD8

#D88D48

#93D848

Tetradic

#484BD8

#D84893

#D8D548

#48D88D

Color Blindness Simulation

Original

#484BD8

Protanopia

#4949B6

Deuteranopia

#4949AE

Tritanopia

#489B95

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E3E4F7
200
#C4C5F2
300
#9A9CEA
400
#6366DE
500
#2D30D2
600
#2426A8
700
#1D1F87
800
#161869
900
#14154D
950
#0D0D30

Contrast Checker

Text on white

6.42:1

AA Pass AAA Fail

Text on black

3.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026