#2A5F60 Color

Color Information

HEX#2A5F60
RGB42, 95, 96
HSL181° , 39% , 27%
HSV181° , 56% , 38%
CMYK56%, 1%, 0%, 62%

Lighter Shades

#447273 #5D8586 #779999 #90ACAC #AABFBF #C3D2D2

Darker Shades

#255454 #204849 #1B3D3D #163132 #112626 #0C1B1B

Complementary Palette

#245253 #2A5F60 #532524 #602B2A #764948 #487576

Analogous Palette

#344C40 #385245 #27595A #2A5F60 #384452 #485461

Triadic Palette

#255454 #2A5F60 #672365 #793D77 #656723 #595B1F

Split Complementary Palette

#265656 #2A5F60 #602A44 #703F57 #60462A #563F26

Square Palette

#235051 #2A5F60 #463159 #593231 #44602A #62794C

Tetradic Palette

#224E4F #2A5F60 #1F1E6C #602B2A #6B6C1E #868647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A5F60 contains 42 red, 95 green, and 96 blue.

Contrast Ratio: 7.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1