#2F64C0 Color

Color Information

HEX#2F64C0
RGB47, 100, 192
HSL218° , 61% , 47%
HSV218° , 76% , 75%
CMYK76%, 48%, 0%, 25%

Lighter Shades

#4877C8 #6189CF #7A9CD7 #93AEDE #ACC1E6 #C5D4ED

Darker Shades

#2958A9 #244C92 #1E407B #183464 #13284D #0D1C36

Complementary Palette

#2856A5 #2F64C0 #A67828 #C18B2F #CA9B4C #4C7AC9

Analogous Palette

#418F9B #479CA9 #2C5EB4 #2F64C0 #5447A9 #6358AD

Triadic Palette

#2958A9 #2F64C0 #CD2361 #D33D74 #61CD23 #55B41F

Split Complementary Palette

#2A5AAD #2F64C0 #C1422F #C75544 #ADC12F #9CAE2A

Square Palette

#2754A1 #2F64C0 #B53BA5 #B5883B #2FC142 #50CB60

Tetradic Palette

#27529D #2F64C0 #9119D7 #C18B2F #5FD719 #7CDE42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F64C0 contains 47 red, 100 green, and 192 blue.

Contrast Ratio: 5.67:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1