#445BBB

#445BBB

Color Values

HEX

#445BBB

RGB

68, 91, 187

HSL

228.4, 46.7%, 50.0%

HSV

228.4, 63.6%, 73.3%

CMYK

63.6%, 51.3%, 0.0%, 26.7%

OKLCH

0.5055 0.153 270.0

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#445BBB

#BBA444

Analogous

#4497BB

#6844BB

#445BBB

Triadic

#445BBB

#BB445B

#5BBB44

Split Complementary

#445BBB

#BB6844

#97BB44

Tetradic

#445BBB

#BB4497

#BBA444

#44BB68

Color Blindness Simulation

Original

#445BBB

Protanopia

#4E4EA4

Deuteranopia

#4D4B9E

Tritanopia

#45918D

Achromatopsia

#5D5D5D

CSS Usage

background-color: #445BBB;
color: #445BBB;
border-color: #445BBB;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F4F5FA
100
#E6E9F4
200
#CBD1EC
300
#A5B0DE
400
#7586CD
500
#445BBB
600
#364996
700
#2B3A78
800
#222D5E
900
#1C2445
950
#12172B

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

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