#5F6E97 Color

Color Information

HEX	#5F6E97
RGB	95, 110, 151
HSL	224° , 23% , 48%
HSV	224° , 37% , 59%
CMYK	37%, 27%, 0%, 41%

Lighter Shades

#727FA3 #8591B0 #99A2BC #ACB4C9 #BFC5D5 #D2D6E2

Darker Shades

#546185 #485473 #3D4661 #31394F #262C3C #1B1F2A

Complementary Palette

#525F82 #5F6E97 #827551 #97885E #A69975 #7582A6

Analogous Palette

#5F7981 #68848D #59678E #5F6E97 #71688D #7B7297

Triadic Palette

#546185 #5F6E97 #A35268 #AE677A #68A352 #5C8F48

Split Complementary Palette

#566388 #5F6E97 #976B5E #A17A6E #89975E #7B8855

Square Palette

#505C7F #5F6E97 #8D6884 #8D8368 #5E976B #78A883

Tetradic Palette

#4E5A7C #5F6E97 #9248AD #97885E #63AD48 #7FBC69

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5F6E97 contains 95 red, 110 green, and 151 blue.

Contrast Ratio: 5.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.19:1