#6672B2 Color

Color Information

HEX#6672B2
RGB102, 114, 178
HSL231° , 33% , 55%
HSV231° , 43% , 70%
CMYK43%, 36%, 0%, 30%

Lighter Shades

#7883BB #8B94C4 #9DA5CE #AFB6D7 #C2C7E0 #D4D8E9

Darker Shades

#5A649D #4E5787 #414972 #353B5D #292E47 #1D2032

Complementary Palette

#586299 #6672B2 #999058 #B2A766 #BDB37B #7B86BD

Analogous Palette

#6F8895 #7B919D #606BA7 #6672B2 #877B9D #8F84A4

Triadic Palette

#5A649D #6672B2 #BE5B6A #C66F7C #6ABE5B #5DA750

Split Complementary Palette

#5C67A0 #6672B2 #B28166 #BA8E75 #98B266 #89A05C

Square Palette

#566096 #6672B2 #A77294 #A79F72 #66B281 #7EBE95

Tetradic Palette

#545D92 #6672B2 #B552C7 #B2A766 #63C752 #7FD171

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6672B2 contains 102 red, 114 green, and 178 blue.

Contrast Ratio: 4.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.65:1