#2F5BD3 Color

Color Information

HEX#2F5BD3
RGB47, 91, 211
HSL224° , 65% , 51%
HSV224° , 78% , 83%
CMYK78%, 57%, 0%, 17%

Lighter Shades

#486FD8 #6182DE #7A96E3 #93AAE8 #ACBDED #C5D1F3

Darker Shades

#2950BA #2445A0 #1E3A87 #182F6E #132454 #0D193B

Complementary Palette

#284EB5 #2F5BD3 #B5902A #D3A831 #D9B44E #4C72D9

Analogous Palette

#4693AA #4AA0BA #2C56C6 #2F5BD3 #644ABA #7159C0

Triadic Palette

#2950BA #2F5BD3 #E02456 #E43E6A #56E024 #4CC520

Split Complementary Palette

#2A52BE #2F5BD3 #D35731 #D76846 #ADD331 #9CBE2C

Square Palette

#274CB1 #2F5BD3 #C73DA7 #C7A23D #31D357 #52DA72

Tetradic Palette

#274BAD #2F5BD3 #B21AEA #D3A831 #52EA1A #71EE43

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5BD3 contains 47 red, 91 green, and 211 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1