#5FA255 Color

Color Information

HEX#5FA255
RGB95, 162, 85
HSL112° , 31% , 48%
HSV112° , 48% , 64%
CMYK41%, 0%, 48%, 36%

Lighter Shades

#72AD69 #85B87E #99C392 #ACCFA7 #BFDABB #D2E5CF

Darker Shades

#548F4B #487B41 #3D6836 #31542C #264122 #1B2D18

Complementary Palette

#528B49 #5FA255 #81488A #9654A0 #A56CAD #75AF6D

Analogous Palette

#75815F #808D68 #599850 #5FA255 #688D76 #72977F

Triadic Palette

#548F4B #5FA255 #4857AD #5E6BB7 #AD4857 #983F4D

Split Complementary Palette

#56924D #5FA255 #7054A0 #7E65AA #A05485 #904C78

Square Palette

#508847 #5FA255 #618294 #8D6194 #A07054 #AF876F

Tetradic Palette

#4E8546 #5FA255 #3EB6A6 #9654A0 #B63E50 #C36170

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FA255 contains 95 red, 162 green, and 85 blue.

Contrast Ratio: 3.05:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.89:1