#6672E2 Color

Color Information

HEX#6672E2
RGB102, 114, 226
HSL234° , 68% , 64%
HSV234° , 55% , 89%
CMYK55%, 50%, 0%, 11%

Lighter Shades

#7883E5 #8B94E9 #9DA5EC #AFB6F0 #C2C7F3 #D4D8F7

Darker Shades

#5A64C7 #4E57AC #414991 #353B76 #292E5A #1D203F

Complementary Palette

#5862C2 #6672E2 #C2B757 #E2D565 #E6DB7B #7B86E6

Analogous Palette

#729EBB #77ACCF #606BD4 #6672E2 #9A77CF #A382D3

Triadic Palette

#5A64C7 #6672E2 #EB5C6A #ED707C #6AEB5C #5DCF51

Split Complementary Palette

#5C67CB #6672E2 #E29765 #E5A174 #B0E265 #9ECB5B

Square Palette

#5660BE #6672E2 #D86EAE #D8CE6E #65E297 #7EE7A8

Tetradic Palette

#545DB9 #6672E2 #E254F2 #E2D565 #64F254 #80F473

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6672E2 contains 102 red, 114 green, and 226 blue.

Contrast Ratio: 4.11:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.11:1