#2B70DF Color

Color Information

HEX#2B70DF
RGB43, 112, 223
HSL217° , 74% , 52%
HSV217° , 81% , 87%
CMYK81%, 50%, 0%, 13%

Lighter Shades

#4481E3 #5E92E7 #77A3EB #91B5EE #AAC6F2 #C4D7F6

Darker Shades

#2663C4 #2155A9 #1C488F #163A74 #112D59 #0C1F3E

Complementary Palette

#2560C0 #2B70DF #C08424 #DF9A2A #E3A848 #4984E3

Analogous Palette

#40A7B5 #43B7C7 #2869D2 #2B70DF #5243C7 #6052CB

Triadic Palette

#2663C4 #2B70DF #EB1E6D #ED397F #6DEB1E #60CF1A

Split Complementary Palette

#2765C9 #2B70DF #DF3F2A #E2523F #CADF2A #B6C926

Square Palette

#245EBB #2B70DF #D336C1 #D39736 #2ADF3F #4CE45E

Tetradic Palette

#235CB7 #2B70DF #9F14F5 #DF9A2A #6AF514 #85F73E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2B70DF contains 43 red, 112 green, and 223 blue.

Contrast Ratio: 4.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.5:1