#21316A Color

Color Information

HEX#21316A
RGB33, 49, 106
HSL227° , 53% , 27%
HSV227° , 69% , 42%
CMYK69%, 54%, 0%, 58%

Lighter Shades

#3C4A7C #56628E #717BA0 #8C94B2 #A6ADC3 #C1C5D5

Darker Shades

#1D2B5D #192551 #151F44 #111937 #0D142A #090E1E

Complementary Palette

#1C2A5B #21316A #5A4D1C #695A20 #7E713F #404E7F

Analogous Palette

#2A4955 #2E4F5C #1F2E64 #21316A #3B2E5C #4D4365

Triadic Palette

#1D2B5D #21316A #70192C #813545 #2C7019 #276316

Split Complementary Palette

#1E2C5F #21316A #693520 #784936 #556920 #4D5F1D

Square Palette

#1C2959 #21316A #622753 #625727 #206935 #448155

Tetradic Palette

#1B2857 #21316A #621476 #695A20 #297614 #508F3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #21316A contains 33 red, 49 green, and 106 blue.

Contrast Ratio: 12.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.64:1