#455E88

#455E88

Color Values

HEX

#455E88

RGB

69, 94, 136

HSL

217.6, 32.7%, 40.2%

HSV

217.6, 49.3%, 53.3%

CMYK

49.3%, 30.9%, 0.0%, 46.7%

OKLCH

0.4806 0.0746 260.4

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#455E88

#886F45

Analogous

#458088

#4D4588

#455E88

Triadic

#455E88

#88455E

#5E8845

Split Complementary

#455E88

#884D45

#808845

Tetradic

#455E88

#884580

#886F45

#45884D

Color Blindness Simulation

Original

#455E88

Protanopia

#50507E

Deuteranopia

#4E4C7B

Tritanopia

#467674

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8ECF2
200
#D0D8E7
300
#AEBDD6
400
#8299C0
500
#5675A9
600
#455E87
700
#374B6C
800
#2B3A55
900
#222D3F
950
#161C28

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

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