#223270 Color

Color Information

HEX#223270
RGB34, 50, 112
HSL228° , 53% , 29%
HSV228° , 70% , 44%
CMYK70%, 55%, 0%, 56%

Lighter Shades

#3D4B81 #576392 #727CA3 #8C94B5 #A7ADC6 #C1C6D7

Darker Shades

#1E2C63 #1A2655 #162048 #121A3A #0E142D #0A0E1F

Complementary Palette

#1D2B60 #223270 #61531E #716123 #857742 #414F84

Analogous Palette

#2E4E5C #325462 #202F69 #223270 #403262 #52476B

Triadic Palette

#1E2C63 #223270 #791B2E #893647 #2E791B #286A18

Split Complementary Palette

#1F2D65 #223270 #713A23 #7F4E39 #5A7123 #516620

Square Palette

#1D2A5E #223270 #6A2A57 #6A5D2A #23713A #46885A

Tetradic Palette

#1C295C #223270 #69157E #716123 #2A7E15 #50953F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #223270 contains 34 red, 50 green, and 112 blue.

Contrast Ratio: 12.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.68:1