#4451DB

#4451DB

Color Values

HEX

#4451DB

RGB

68, 81, 219

HSL

234,8, 67,7%, 56,3%

HSV

234,8, 68,9%, 85,9%

CMYK

68,9%, 63,0%, 0,0%, 14,1%

OKLCH

0,5122 0,2082 272,5

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#4451DB

#DBCE44

Analogous

#449DDB

#8244DB

#4451DB

Triadic

#4451DB

#DB4451

#51DB44

Split Complementary

#4451DB

#DB8244

#9DDB44

Tetradic

#4451DB

#DB449D

#DBCE44

#44DB82

Color Blindness Simulation

Original

#4451DB

Protanopia

#4A4ABA

Deuteranopia

#4948B2

Tritanopia

#459F99

Achromatopsia

#585858

CSS Usage

background-color: #4451DB;
color: #4451DB;
border-color: #4451DB;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F4FC
100
#E3E5F7
200
#C3C7F3
300
#98A0EB
400
#616CE1
500
#2938D6
600
#212DAB
700
#1A2489
800
#151C6B
900
#13184E
950
#0C0F31

Contrast Checker

Text on white

6,09:1

AA Pass AAA Fail

Text on black

3,45: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