#4451BB

#4451BB

Color Values

HEX

#4451BB

RGB

68, 81, 187

HSL

233.4, 46.7%, 50.0%

HSV

233.4, 63.6%, 73.3%

CMYK

63.6%, 56.7%, 0.0%, 26.7%

OKLCH

0.4859 0.1658 273.3

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#4451BB

#BBAE44

Analogous

#448DBB

#7244BB

#4451BB

Triadic

#4451BB

#BB4451

#51BB44

Split Complementary

#4451BB

#BB7244

#8DBB44

Tetradic

#4451BB

#BB448D

#BBAE44

#44BB72

Color Blindness Simulation

Original

#4451BB

Protanopia

#4A4AA1

Deuteranopia

#49489B

Tritanopia

#458D89

Achromatopsia

#565656

CSS Usage

background-color: #4451BB;
color: #4451BB;
border-color: #4451BB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCEEC
300
#A5ACDE
400
#757ECD
500
#4451BB
600
#364196
700
#2B3478
800
#22295E
900
#1C2145
950
#12152B

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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