#165E96 Color

Color Information

HEX#165E96
RGB22, 94, 150
HSL206° , 74% , 34%
HSV206° , 85% , 59%
CMYK85%, 37%, 0%, 41%

Lighter Shades

#3271A3 #4E85AF #6A98BC #86ABC8 #A2BFD5 #BED2E2

Darker Shades

#135384 #114772 #0E3C60 #0B314E #09263C #061A2A

Complementary Palette

#135181 #165E96 #824314 #974E17 #A66737 #3775A5

Analogous Palette

#247A74 #28867F #15588D #165E96 #282E86 #3E4389

Triadic Palette

#135384 #165E96 #A00E60 #AB2B73 #60A00E #548D0C

Split Complementary Palette

#145587 #165E96 #97171F #A12E35 #978E17 #888015

Square Palette

#124F7E #165E96 #871F8E #8E4F1F #1F9717 #43A83C

Tetradic Palette

#124D7B #165E96 #4C07A6 #974E17 #61A607 #7DB634

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #165E96 contains 22 red, 94 green, and 150 blue.

Contrast Ratio: 6.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1