#7096D2 Color

Color Information

HEX#7096D2
RGB112, 150, 210
HSL217° , 52% , 63%
HSV217° , 47% , 82%
CMYK47%, 29%, 0%, 18%

Lighter Shades

#81A3D7 #92AFDD #A3BCE2 #B5C8E8 #C6D5ED #D7E2F2

Darker Shades

#6384B9 #5572A0 #486086 #3A4E6D #2D3C54 #1F2A3B

Complementary Palette

#6081B5 #7096D2 #B59460 #D2AC70 #D8B884 #84A5D8

Analogous Palette

#7CA6AB #82B8BF #698DC5 #7096D2 #8A82BF #928CC5

Triadic Palette

#6384B9 #7096D2 #DB6693 #DF78A0 #93DB66 #81C15A

Split Complementary Palette

#6587BD #7096D2 #D27B70 #D7887E #C6D270 #B2BD65

Square Palette

#5E7EB0 #7096D2 #C879BF #C8AA79 #70D27B #87D990

Tetradic Palette

#5C7BAC #7096D2 #B05FE3 #D2AC70 #91E35F #A5E87C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7096D2 contains 112 red, 150 green, and 210 blue.

Contrast Ratio: 2.96:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.09:1