#367EF2 Color

Color Information

HEX	#367EF2
RGB	54, 126, 242
HSL	217° , 88% , 58%
HSV	217° , 78% , 95%
CMYK	78%, 48%, 0%, 5%

Lighter Shades

#4E8DF4 #669DF5 #7EACF7 #96BCF8 #AFCBFA #C7DBFB

Darker Shades

#306FD5 #2960B8 #23519B #1C427E #163261 #0F2344

Complementary Palette

#2E6CD0 #367EF2 #D0922E #F2AA36 #F4B652 #5290F4

Analogous Palette

#4CB9C8 #4BCCDD #3376E3 #367EF2 #5C4BDD #6858DF

Triadic Palette

#306FD5 #367EF2 #FD2B7B #FD448B #7BFD2B #6CDF26

Split Complementary Palette

#3171DA #367EF2 #F24C36 #F35E4A #DCF236 #C6DA31

Square Palette

#2D6ACB #367EF2 #E740D4 #E7A740 #36F24C #56F469

Tetradic Palette

#2C67C6 #367EF2 #AD29FF #F2AA36 #7BFF29 #93FF50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #367EF2 contains 54 red, 126 green, and 242 blue.

Contrast Ratio: 3.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.46:1