#2F6EE1 Color

Color Information

HEX#2F6EE1
RGB47, 110, 225
HSL219° , 75% , 53%
HSV219° , 79% , 88%
CMYK79%, 51%, 0%, 12%

Lighter Shades

#487FE5 #6191E8 #7AA2EC #93B4EF #ACC5F3 #C5D6F7

Darker Shades

#2961C6 #2454AB #1E4690 #183975 #132C5A #0D1F3F

Complementary Palette

#285FC2 #2F6EE1 #C28B27 #E1A22D #E5AF4A #4C82E5

Analogous Palette

#42A6B8 #45B5C9 #2C67D4 #2F6EE1 #5945C9 #6755CE

Triadic Palette

#2961C6 #2F6EE1 #ED2169 #EF3C7B #69ED21 #5CD11D

Split Complementary Palette

#2A63CB #2F6EE1 #E1482D #E45A42 #C6E12D #B2CB29

Square Palette

#275CBD #2F6EE1 #D539BE #D59F39 #2DE148 #4FE665

Tetradic Palette

#275AB9 #2F6EE1 #A918F7 #E1A22D #66F718 #82F842

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6EE1 contains 47 red, 110 green, and 225 blue.

Contrast Ratio: 4.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.45:1