#7296D2 Color

Color Information

HEX#7296D2
RGB114, 150, 210
HSL218° , 52% , 64%
HSV218° , 46% , 82%
CMYK46%, 29%, 0%, 18%

Lighter Shades

#83A3D7 #94AFDD #A5BCE2 #B6C8E8 #C7D5ED #D8E2F2

Darker Shades

#6484B9 #5772A0 #496086 #3B4E6D #2E3C54 #202A3B

Complementary Palette

#6281B5 #7296D2 #B59763 #D3B073 #D9BB87 #86A5D8

Analogous Palette

#7FA7AD #86B9C1 #6B8DC5 #7296D2 #8E86C1 #968FC7

Triadic Palette

#6484B9 #7296D2 #DC6A94 #E07CA1 #94DC6A #82C25D

Split Complementary Palette

#6787BD #7296D2 #D38073 #D78D81 #C6D373 #B2BE68

Square Palette

#607EB0 #7296D2 #CA7DBF #CAAD7D #73D380 #89DA94

Tetradic Palette

#5D7BAC #7296D2 #B463E3 #D3B073 #92E363 #A6E87F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7296D2 contains 114 red, 150 green, and 210 blue.

Contrast Ratio: 2.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.12:1