#455F9C Color

Color Information

HEX#455F9C
RGB69, 95, 156
HSL222° , 39% , 44%
HSV222° , 56% , 61%
CMYK56%, 39%, 0%, 39%

Lighter Shades

#5B72A8 #7285B4 #8899C0 #9EACCC #B5BFD7 #CBD2E3

Darker Shades

#3D5489 #344877 #2C3D64 #243151 #1C263E #131B2C

Complementary Palette

#3B5286 #455F9C #86703A #9C8244 #AA945E #5F75AA

Analogous Palette

#55747C #5B7D86 #415993 #455F9C #635B86 #70688D

Triadic Palette

#3D5489 #455F9C #A7395A #B2516E #5AA739 #4F9332

Split Complementary Palette

#3E568C #455F9C #9C5644 #A66757 #8A9C44 #7C8C3D

Square Palette

#3A5083 #455F9C #915084 #917D50 #449C56 #62AC71

Tetradic Palette

#394E80 #455F9C #8A30B0 #9C8244 #57B030 #75BE55

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #455F9C contains 69 red, 95 green, and 156 blue.

Contrast Ratio: 6.25:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.36:1