#5B67A6 Color

Color Information

HEX#5B67A6
RGB91, 103, 166
HSL230° , 30% , 50%
HSV230° , 45% , 65%
CMYK45%, 38%, 0%, 35%

Lighter Shades

#6F79B1 #828BBB #969EC6 #AAB0D1 #BDC2DB #D1D4E6

Darker Shades

#505B92 #454E7E #3A426A #2F3656 #242942 #191D2E

Complementary Palette

#4E598F #5B67A6 #8F844D #A69959 #B2A770 #727CB2

Analogous Palette

#647B87 #6C8693 #56619C #5B67A6 #796C93 #84789B

Triadic Palette

#505B92 #5B67A6 #B34D5E #BC6271 #5EB34D #539E44

Split Complementary Palette

#525D95 #5B67A6 #A67359 #AF816A #8CA659 #7E9550

Square Palette

#4C578B #5B67A6 #996688 #999166 #59A673 #74B489

Tetradic Palette

#4B5488 #5B67A6 #A842BD #A69959 #57BD42 #75C964

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5B67A6 contains 91 red, 103 green, and 166 blue.

Contrast Ratio: 5.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.95:1