#212F48 Color

Color Information

HEX#212F48
RGB33, 47, 72
HSL218° , 37% , 21%
HSV218° , 54% , 28%
CMYK54%, 35%, 0%, 72%

Lighter Shades

#3C485E #566174 #717A8A #8C93A0 #A6ACB6 #C1C5CC

Darker Shades

#1D293F #192437 #151E2E #111825 #0D131D #090D14

Complementary Palette

#1C283E #212F48 #3F331D #493B22 #625641 #404C62

Analogous Palette

#283739 #2D3C3E #1F2C44 #212F48 #2F2D3E #3D3B4F

Triadic Palette

#1D293F #212F48 #4E1D2F #633848 #2F4E1D #29451A

Split Complementary Palette

#1E2A41 #212F48 #492722 #5B3D38 #444922 #3D421F

Square Palette

#1C273C #212F48 #432840 #433928 #224927 #45664A

Tetradic Palette

#1B273B #212F48 #3D1952 #493B22 #2E5219 #547142

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #212F48 contains 33 red, 47 green, and 72 blue.

Contrast Ratio: 14.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.48:1