#165FDE Color

Color Information

HEX	#165FDE
RGB	22, 95, 222
HSL	218° , 82% , 48%
HSV	218° , 90% , 87%
CMYK	90%, 57%, 0%, 13%

Lighter Shades

#3272E2 #4E85E6 #6A99EA #86ACEE #A2BFF2 #BED2F6

Darker Shades

#1354C3 #1148A9 #0E3D8E #0B3173 #092659 #061B3E

Complementary Palette

#1352BF #165FDE #C08013 #DF9516 #E3A437 #3775E3

Analogous Palette

#2BA3B6 #2FB2C6 #1559D1 #165FDE #432FC6 #5240C9

Triadic Palette

#1354C3 #165FDE #EB0A5C #ED2770 #5CEB0A #51CF09

Split Complementary Palette

#1456C8 #165FDE #DF3116 #E2462D #C4DF16 #B0C914

Square Palette

#1250BA #165FDE #D322BB #D39222 #16DF31 #3BE452

Tetradic Palette

#124EB6 #165FDE #9B00F5 #DF9516 #5AF500 #78F72E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #165FDE contains 22 red, 95 green, and 222 blue.

Contrast Ratio: 5.66:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.71:1