#222350 Color

Color Information

HEX#222350
RGB34, 35, 80
HSL239° , 40% , 22%
HSV239° , 58% , 31%
CMYK58%, 56%, 0%, 69%

Lighter Shades

#3D3D65 #57587A #72728F #8C8DA4 #A7A7B9 #C1C1CE

Darker Shades

#1E1F46 #1A1B3D #161633 #12122A #0E0E20 #0A0A16

Complementary Palette

#1D1E45 #222350 #44431D #4F4E22 #686741 #414269

Analogous Palette

#29333D #2D3843 #20214B #222350 #372D43 #473D52

Triadic Palette

#1E1F46 #222350 #541C1C #693737 #1C541C #194A19

Split Complementary Palette

#1F2048 #222350 #4F3722 #614B38 #394F22 #33471F

Square Palette

#1D1D43 #222350 #492739 #494827 #224F37 #456B57

Tetradic Palette

#1C1D42 #222350 #581859 #4F4E22 #185918 #427742

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #222350 contains 34 red, 35 green, and 80 blue.

Contrast Ratio: 15.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.34:1