#456D91

#456D91

Color Values

HEX

#456D91

RGB

69, 109, 145

HSL

208.4, 35.5%, 42.0%

HSV

208.4, 52.4%, 56.9%

CMYK

52.4%, 24.8%, 0.0%, 43.1%

OKLCH

0.5206 0.0729 246.9

Properties

Cool Dark Nearest: RAL 5023 Distant Blue

Color Harmonies

Complementary

#456D91

#916945

Analogous

#45918F

#454791

#456D91

Triadic

#456D91

#91456D

#6D9145

Split Complementary

#456D91

#914547

#918F45

Tetradic

#456D91

#8F4591

#916945

#479145

Color Blindness Simulation

Original

#456D91

Protanopia

#565788

Deuteranopia

#545186

Tritanopia

#478180

Achromatopsia

#676767

CSS Usage

background-color: #456D91;
color: #456D91;
border-color: #456D91;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F7FA
100
#E8EDF3
200
#CFDCE8
300
#ACC3D8
400
#7FA2C2
500
#5282AD
600
#42688A
700
#35536F
800
#294156
900
#213140
950
#151F28

Contrast Checker

Text on white

5.46:1

AA Pass AAA Fail

Text on black

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