#456695

#456695

Color Values

HEX

#456695

RGB

69, 102, 149

HSL

215.2, 36.7%, 42.7%

HSV

215.2, 53.7%, 58.4%

CMYK

53.7%, 31.5%, 0.0%, 41.6%

OKLCH

0.5062 0.0847 257.3

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#456695

#957445

Analogous

#458E95

#4C4595

#456695

Triadic

#456695

#954566

#669545

Split Complementary

#456695

#954C45

#8E9545

Tetradic

#456695

#95458E

#957445

#45954C

Color Blindness Simulation

Original

#456695

Protanopia

#53548A

Deuteranopia

#514F87

Tritanopia

#47817F

Achromatopsia

#626262

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CED9E8
300
#ABBED8
400
#7E9BC3
500
#5177AE
600
#41608B
700
#344C70
800
#283C57
900
#202E40
950
#141D29

Contrast Checker

Text on white

5.85:1

AA Pass AAA Fail

Text on black

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