#2F84E4 Color

Color Information

HEX#2F84E4
RGB47, 132, 228
HSL212° , 77% , 54%
HSV212° , 79% , 89%
CMYK79%, 42%, 0%, 11%

Lighter Shades

#4893E7 #61A2EA #7AB0EE #93BFF1 #ACCEF4 #C5DDF7

Darker Shades

#2974C9 #2464AD #1E5492 #184577 #13355B #0D2540

Complementary Palette

#2872C4 #2F84E4 #C47C28 #E4902F #E8A04C #4C95E8

Analogous Palette

#45B6BA #47C8CD #2C7CD6 #2F84E4 #4B47CD #5B57D1

Triadic Palette

#2974C9 #2F84E4 #F02483 #F23E92 #83F024 #73D320

Split Complementary Palette

#2A77CD #2F84E4 #E4352F #E74944 #DEE42F #C8CD2A

Square Palette

#276FC0 #2F84E4 #D83BD3 #D88F3B #2FE435 #50E855

Tetradic Palette

#276CBB #2F84E4 #911AF9 #E4902F #82F91A #99FA43

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F84E4 contains 47 red, 132 green, and 228 blue.

Contrast Ratio: 3.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.59:1