#445685

#445685

Color Values

HEX

#445685

RGB

68, 86, 133

HSL

223.4, 32.3%, 39.4%

HSV

223.4, 48.9%, 52.2%

CMYK

48.9%, 35.3%, 0.0%, 47.8%

OKLCH

0.4599 0.0802 267.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#445685

#857344

Analogous

#447685

#534485

#445685

Triadic

#445685

#854456

#568544

Split Complementary

#445685

#855344

#768544

Tetradic

#445685

#854476

#857344

#448553

Color Blindness Simulation

Original

#445685

Protanopia

#4C4C7A

Deuteranopia

#4B4977

Tritanopia

#45716F

Achromatopsia

#565656

CSS Usage

background-color: #445685;
color: #445685;
border-color: #445685;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D6E7
300
#AEB9D6
400
#8293BF
500
#566DA9
600
#455787
700
#37466C
800
#2B3754
900
#222A3F
950
#161B27

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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