#453E56 Color

Color Information

HEX#453E56
RGB69, 62, 86
HSL258° , 16% , 29%
HSV258° , 28% , 34%
CMYK20%, 28%, 0%, 66%

Lighter Shades

#5B556A #726C7F #888393 #9E9BA7 #B5B2BB #CBC9D0

Darker Shades

#3D374C #342F41 #2C2837 #24202D #1C1922 #131118

Complementary Palette

#3B354A #453E56 #444A35 #4F563E #686E59 #5F596E

Analogous Palette

#3B3F4F #3F4355 #413A51 #453E56 #513F55 #614C67

Triadic Palette

#3D374C #453E56 #5D4237 #70594F #375D42 #30523A

Split Complementary Palette

#3E384D #453E56 #56513E #676251 #43563E #3C4D38

Square Palette

#3A3448 #453E56 #553F43 #4E553F #3E5651 #5D716D

Tetradic Palette

#393347 #453E56 #633154 #4F563E #316340 #567F62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #453E56 contains 69 red, 62 green, and 86 blue.

Contrast Ratio: 10.45:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.01:1