#455B88

#455B88

Color Values

HEX

#455B88

RGB

69, 91, 136

HSL

220.3, 32.7%, 40.2%

HSV

220.3, 49.3%, 53.3%

CMYK

49.3%, 33.1%, 0.0%, 46.7%

OKLCH

0.4737 0.0781 263.8

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#455B88

#887245

Analogous

#457D88

#504588

#455B88

Triadic

#455B88

#88455B

#5B8845

Split Complementary

#455B88

#885045

#7D8845

Tetradic

#455B88

#88457D

#887245

#458850

Color Blindness Simulation

Original

#455B88

Protanopia

#4F4F7D

Deuteranopia

#4D4C7A

Tritanopia

#467573

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8EBF2
200
#D0D7E7
300
#AEBBD6
400
#8296C0
500
#5671A9
600
#455B87
700
#37486C
800
#2B3955
900
#222C3F
950
#161C28

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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