#2F69BA Color

Color Information

HEX#2F69BA
RGB47, 105, 186
HSL215° , 60% , 46%
HSV215° , 75% , 73%
CMYK75%, 44%, 0%, 27%

Lighter Shades

#487BC2 #618DCB #7A9FD3 #93B1DB #ACC3E3 #C5D5EC

Darker Shades

#295CA4 #24508D #1E4377 #183761 #132A4A #0D1D34

Complementary Palette

#285AA0 #2F69BA #A26F28 #BC812F #C5934C #4C7EC4

Analogous Palette

#408F96 #469CA4 #2C63AF #2F69BA #4E46A4 #5F58A7

Triadic Palette

#295CA4 #2F69BA #C72368 #CE3D7A #68C723 #5CAF1F

Split Complementary Palette

#2A5FA7 #2F69BA #BC3B2F #C34F44 #B0BC2F #9EA92A

Square Palette

#27589C #2F69BA #B03BA6 #B07F3B #2FBC3B #50C75A

Tetradic Palette

#275699 #2F69BA #851AD1 #BC812F #66D11A #82D943

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F69BA contains 47 red, 105 green, and 186 blue.

Contrast Ratio: 5.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.86:1