#222D49 Color

Color Information

HEX	#222D49
RGB	34, 45, 73
HSL	223° , 36% , 21%
HSV	223° , 53% , 29%
CMYK	53%, 38%, 0%, 71%

Lighter Shades

#3D465F #575F75 #72798B #8C92A0 #A7ABB6 #C1C4CC

Darker Shades

#1E2840 #1A2237 #161D2F #121726 #0E121D #0A0D14

Complementary Palette

#1D273F #222D49 #3F351D #493E22 #625941 #414A62

Analogous Palette

#283539 #2D3A3E #202A45 #222D49 #312D3E #3F3B4F

Triadic Palette

#1E2840 #222D49 #4E1D2B #633844 #2B4E1D #26451A

Split Complementary Palette

#1F2942 #222D49 #492B22 #5B4038 #404922 #3A421F

Square Palette

#1D263D #222D49 #43283D #433C28 #22492B #45664D

Tetradic Palette

#1C253C #222D49 #421952 #493E22 #295219 #507142

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222D49 contains 34 red, 45 green, and 73 blue.

Contrast Ratio: 14.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.46:1