#4551BA

#4551BA

Color Values

HEX

#4551BA

RGB

69, 81, 186

HSL

233.8, 45.9%, 50.0%

HSV

233.8, 62.9%, 72.9%

CMYK

62.9%, 56.5%, 0.0%, 27.1%

OKLCH

0.4857 0.1642 273.7

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#4551BA

#BAAE45

Analogous

#458CBA

#7345BA

#4551BA

Triadic

#4551BA

#BA4551

#51BA45

Split Complementary

#4551BA

#BA7345

#8CBA45

Tetradic

#4551BA

#BA458C

#BAAE45

#45BA73

Color Blindness Simulation

Original

#4551BA

Protanopia

#4A4AA1

Deuteranopia

#4A499A

Tritanopia

#468D88

Achromatopsia

#565656

CSS Usage

background-color: #4551BA;
color: #4551BA;
border-color: #4551BA;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E8F4
200
#CBCEEC
300
#A6ACDE
400
#757ECC
500
#4551BA
600
#374195
700
#2C3477
800
#22295D
900
#1C2144
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

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