#509275 Color

Color Information

HEX#509275
RGB80, 146, 117
HSL154° , 29% , 44%
HSV154° , 45% , 57%
CMYK45%, 0%, 20%, 43%

Lighter Shades

#659F86 #7AAC96 #8FB9A7 #A4C6B7 #B9D3C8 #CEE0D8

Darker Shades

#468067 #3D6F59 #335D4B #2A4C3D #203A2F #162921

Complementary Palette

#457E65 #509275 #7D455D #91506C #A06981 #69A188

Analogous Palette

#59785A #5F8162 #4B896E #509275 #5F7E81 #6A8D90

Triadic Palette

#468067 #509275 #76449C #865AA8 #9C7644 #89683C

Split Complementary Palette

#488369 #509275 #91508C #9C6298 #915450 #834C48

Square Palette

#437B62 #509275 #5E5B86 #865B6D #8C9150 #9EA36C

Tetradic Palette

#427860 #509275 #3B69A5 #91506C #A5773B #B58F5E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509275 contains 80 red, 146 green, and 117 blue.

Contrast Ratio: 3.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.79:1