#2E536F Color

Color Information

HEX#2E536F
RGB46, 83, 111
HSL206° , 41% , 31%
HSV206° , 59% , 44%
CMYK59%, 25%, 0%, 56%

Lighter Shades

#476880 #607C92 #7991A3 #92A6B4 #ABBAC5 #C4CFD7

Darker Shades

#284962 #233F54 #1D3547 #182B3A #12212C #0D171F

Complementary Palette

#28475F #2E536F #5F4128 #6F4B2F #83644C #4B6B83

Analogous Palette

#385654 #3E605D #2B4E68 #2E536F #3E4160 #50526D

Triadic Palette

#284962 #2E536F #772754 #874169 #547727 #4A6922

Split Complementary Palette

#294B64 #2E536F #6F2F33 #7D4447 #6F6B2F #64602A

Square Palette

#27465D #2E536F #643768 #684C37 #336F2F #548650

Tetradic Palette

#26445B #2E536F #49207E #6F4B2F #557E20 #749548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2E536F contains 46 red, 83 green, and 111 blue.

Contrast Ratio: 8.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1