#604396 Color

Color Information

HEX#604396
RGB96, 67, 150
HSL261° , 38% , 43%
HSV261° , 55% , 59%
CMYK36%, 55%, 0%, 41%

Lighter Shades

#735AA3 #8670AF #9987BC #AC9DC8 #BFB4D5 #D2CAE2

Darker Shades

#543B84 #493372 #3D2B60 #32234E #261B3C #1B132A

Complementary Palette

#533A81 #604396 #69823A #7A9744 #8DA65E #765DA5

Analogous Palette

#545978 #5A6081 #5A3F8D #604396 #7B5A81 #84668A

Triadic Palette

#543B84 #604396 #A25E39 #AD7151 #39A25E #328F53

Split Complementary Palette

#563C87 #604396 #978B44 #A19757 #509744 #48883D

Square Palette

#51387E #604396 #8C4F58 #778C4F #44978B #62A89E

Tetradic Palette

#4F377B #604396 #AB3080 #7A9744 #30AB5B #55BA79

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #604396 contains 96 red, 67 green, and 150 blue.

Contrast Ratio: 7.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1