#45649D

#45649D

Color Values

HEX

#45649D

RGB

69, 100, 157

HSL

218.9, 38.9%, 44.3%

HSV

218.9, 56.1%, 61.6%

CMYK

56.1%, 36.3%, 0.0%, 38.4%

OKLCH

0.506 0.0983 261.8

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#45649D

#9D7E45

Analogous

#45909D

#52459D

#45649D

Triadic

#45649D

#9D4564

#649D45

Split Complementary

#45649D

#9D5245

#909D45

Tetradic

#45649D

#9D4590

#9D7E45

#459D52

Color Blindness Simulation

Original

#45649D

Protanopia

#52538F

Deuteranopia

#514E8C

Tritanopia

#478482

Achromatopsia

#626262

CSS Usage

background-color: #45649D;
color: #45649D;
border-color: #45649D;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CDD7E9
300
#AABBDA
400
#7C96C5
500
#4E71B1
600
#3E5A8E
700
#324871
800
#273859
900
#1F2B41
950
#141B29

Contrast Checker

Text on white

5.89:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026