#358996 Color

Color Information

HEX#358996
RGB53, 137, 150
HSL188° , 48% , 40%
HSV188° , 65% , 59%
CMYK65%, 9%, 0%, 41%

Lighter Shades

#4D97A3 #65A5AF #7EB3BC #96C2C8 #AED0D5 #C6DEE2

Darker Shades

#2F7984 #286872 #225860 #1C474E #15373C #0F262A

Complementary Palette

#2E7681 #358996 #82392E #974235 #A65C51 #519AA5

Analogous Palette

#447965 #49836E #32818D #358996 #495E83 #5D6D89

Triadic Palette

#2F7984 #358996 #A12B91 #AC449E #91A12B #808E26

Split Complementary Palette

#307B87 #358996 #973559 #A1496A #977335 #886830

Square Palette

#2D737E #358996 #703F8D #8D4A3F #599735 #74A855

Tetradic Palette

#2B707B #358996 #3523A9 #974235 #97A923 #AAB84B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #358996 contains 53 red, 137 green, and 150 blue.

Contrast Ratio: 4.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.23:1