#2A535F Color

Color Information

HEX#2A535F
RGB42, 83, 95
HSL194° , 39% , 27%
HSV194° , 56% , 37%
CMYK56%, 13%, 0%, 63%

Lighter Shades

#446872 #5D7C85 #779199 #90A6AC #AABABF #C3CFD2

Darker Shades

#254954 #203F48 #1B353D #162B31 #112126 #0C171B

Complementary Palette

#244752 #2A535F #532F24 #60372A #765348 #486B75

Analogous Palette

#344C45 #38524B #274E59 #2A535F #383F52 #484E61

Triadic Palette

#254954 #2A535F #672357 #793D6B #576723 #4D5B1F

Split Complementary Palette

#264B56 #2A535F #602A38 #703F4C #60512A #564926

Square Palette

#234650 #2A535F #4E3159 #593A31 #38602A #58794C

Tetradic Palette

#22444E #2A535F #301E6C #60372A #5A6C1E #788647

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A535F contains 42 red, 83 green, and 95 blue.

Contrast Ratio: 8.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.46:1