#6282E2 Color

Color Information

HEX#6282E2
RGB98, 130, 226
HSL225° , 69% , 64%
HSV225° , 57% , 89%
CMYK57%, 42%, 0%, 11%

Lighter Shades

#7591E5 #88A0E9 #9BAFEC #ADBEF0 #C0CDF3 #D3DCF7

Darker Shades

#5672C7 #4A63AC #3F5391 #334476 #27345A #1B243F

Complementary Palette

#5470C2 #6282E2 #C3A856 #E3C364 #E7CB7A #7894E6

Analogous Palette

#71A9BC #76BAD0 #5C7AD4 #6282E2 #8D76D0 #9682D4

Triadic Palette

#5672C7 #6282E2 #EC5B7F #EE6F8E #7FEC5B #70D050

Split Complementary Palette

#5875CB #6282E2 #E38464 #E69074 #C3E364 #B0CC5A

Square Palette

#526DBE #6282E2 #D96DBE #D9BE6D #64E384 #7DE798

Tetradic Palette

#506BB9 #6282E2 #CB53F3 #E3C364 #7BF353 #93F572

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6282E2 contains 98 red, 130 green, and 226 blue.

Contrast Ratio: 3.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.87:1