#507A94 Color

Color Information

HEX#507A94
RGB80, 122, 148
HSL203° , 30% , 45%
HSV203° , 46% , 58%
CMYK46%, 18%, 0%, 42%

Lighter Shades

#658AA1 #7A9AAE #8FAABB #A4BAC7 #B9CAD4 #CEDAE1

Darker Shades

#466B82 #3D5D70 #334E5F #2A3F4D #20313B #162229

Complementary Palette

#45697F #507A94 #805C45 #956B50 #A48069 #698DA3

Analogous Palette

#597875 #628480 #4B738B #507A94 #626684 #6A6F90

Triadic Palette

#466B82 #507A94 #A1457D #AC5B8D #7DA145 #6E8E3D

Split Complementary Palette

#486E85 #507A94 #955058 #A06269 #958D50 #867F48

Square Palette

#43667C #507A94 #845C8A #8A6D5C #589550 #73A66C

Tetradic Palette

#426479 #507A94 #663CAA #956B50 #80AA3C #97B95F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #507A94 contains 80 red, 122 green, and 148 blue.

Contrast Ratio: 4.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.59:1