#040F45 Color

Color Information

HEX#040F45
RGB4, 15, 69
HSL230° , 89% , 14%
HSV230° , 94% , 27%
CMYK94%, 78%, 0%, 73%

Lighter Shades

#222C5B #404972 #5E6588 #7C829E #9B9FB5 #B9BCCB

Darker Shades

#040D3D #030B34 #030A2C #020824 #02061C #010413

Complementary Palette

#030D3B #040F45 #3A3103 #433904 #5D5527 #27315F

Analogous Palette

#0B2838 #0B2C3C #040E41 #040F45 #1B0B3C #2F2348

Triadic Palette

#040D3D #040F45 #47000C #5D1F29 #0C4700 #0B3E00

Split Complementary Palette

#040E3E #040F45 #431904 #56301D #2E4304 #293C04

Square Palette

#030D3A #040F45 #40072D #403707 #044319 #2C613E

Tetradic Palette

#030C39 #040F45 #3C0047 #433904 #0C4700 #38682E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #040F45 contains 4 red, 15 green, and 69 blue.

Contrast Ratio: 18.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.11:1