#836AF0 Color

Color Information

HEX#836AF0
RGB131, 106, 240
HSL251° , 82% , 68%
HSV251° , 56% , 94%
CMYK45%, 56%, 0%, 6%

Lighter Shades

#927CF2 #A18EF4 #B0A0F5 #BFB2F7 #CDC3F9 #DCD5FB

Darker Shades

#735DD3 #6451B6 #54449A #44377D #342A60 #251E43

Complementary Palette

#715BCE #836AF0 #BACE5B #D8F06A #DDF27F #947FF2

Analogous Palette

#7791CA #7B9BE0 #7B64E2 #836AF0 #C07BE0 #C484E1

Triadic Palette

#735DD3 #836AF0 #F87E62 #F98D75 #62F87E #56DA6F

Split Complementary Palette

#765FD8 #836AF0 #F0C66A #F2CC79 #95F06A #86D85F

Square Palette

#6E59CA #836AF0 #E87398 #D3E873 #6AF0C6 #82F2CF

Tetradic Palette

#6B57C5 #836AF0 #FF5CE1 #D8F06A #5CFF7A #79FF92

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #836AF0 contains 131 red, 106 green, and 240 blue.

Contrast Ratio: 3.95:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.32:1