#6B89E1 Color

Color Information

HEX#6B89E1
RGB107, 137, 225
HSL225° , 66% , 65%
HSV225° , 52% , 88%
CMYK52%, 39%, 0%, 12%

Lighter Shades

#7D97E5 #8FA5E8 #A0B3EC #B2C2EF #C4D0F3 #D6DEF7

Darker Shades

#5E79C6 #5168AB #445890 #384775 #2B375A #1E263F

Complementary Palette

#5C76C2 #6B89E1 #C2A85C #E1C36B #E5CB80 #809AE5

Analogous Palette

#77AABB #7DBACF #6581D4 #6B89E1 #917DCF #9B88D3

Triadic Palette

#5E79C6 #6B89E1 #EA6284 #ED7593 #84EA62 #74CE56

Split Complementary Palette

#607BCB #6B89E1 #E1886B #E4947A #C3E16B #B0CB60

Square Palette

#5A73BD #6B89E1 #D874BF #D8BF74 #6BE188 #83E69B

Tetradic Palette

#5870B9 #6B89E1 #CB5BF1 #E1C36B #80F15B #97F479

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6B89E1 contains 107 red, 137 green, and 225 blue.

Contrast Ratio: 3.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.37:1