#358CA2 Color

Color Information

HEX#358CA2
RGB53, 140, 162
HSL192° , 51% , 42%
HSV192° , 67% , 64%
CMYK67%, 14%, 0%, 36%

Lighter Shades

#4D9AAD #65A8B8 #7EB5C3 #96C3CF #AED1DA #C6DFE5

Darker Shades

#2F7B8F #286A7B #225A68 #1C4954 #153841 #0F272D

Complementary Palette

#2E788B #358CA2 #8B402D #A24A34 #AF6350 #519CAF

Analogous Palette

#458270 #4A8C78 #328498 #358CA2 #4A5E8C #5A6B90

Triadic Palette

#2F7B8F #358CA2 #AC2A92 #B6449F #92AC2A #809725

Split Complementary Palette

#307E92 #358CA2 #A23455 #AB4866 #A28134 #92742F

Square Palette

#2D7688 #358CA2 #7D3F97 #97513F #55A234 #70B154

Tetradic Palette

#2B7385 #358CA2 #3F21B5 #A24A34 #97B521 #AAC249

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #358CA2 contains 53 red, 140 green, and 162 blue.

Contrast Ratio: 3.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.49:1