#538EA3 Color

Color Information

HEX#538EA3
RGB83, 142, 163
HSL196° , 33% , 48%
HSV196° , 49% , 64%
CMYK49%, 13%, 0%, 36%

Lighter Shades

#689CAE #7CA9B9 #91B7C4 #A6C4CF #BAD2DA #CFDFE5

Darker Shades

#497D8F #3F6C7C #355B68 #2B4A55 #213941 #17282E

Complementary Palette

#477A8C #538EA3 #8C5947 #A36852 #B07D6A #6B9EB0

Analogous Palette

#5F8179 #688D84 #4E8599 #538EA3 #68718D #727B97

Triadic Palette

#497D8F #538EA3 #AF4693 #B95CA0 #93AF46 #819A3E

Split Complementary Palette

#4B8093 #538EA3 #A35265 #AC6374 #A39052 #93824A

Square Palette

#467789 #538EA3 #895E97 #976D5E #65A352 #7EB26E

Tetradic Palette

#447486 #538EA3 #5D3CB9 #A36852 #98B93C #ABC65F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #538EA3 contains 83 red, 142 green, and 163 blue.

Contrast Ratio: 3.59:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.84:1