#2262D2 Color

Color Information

HEX	#2262D2
RGB	34, 98, 210
HSL	218° , 72% , 48%
HSV	218° , 84% , 82%
CMYK	84%, 53%, 0%, 18%

Lighter Shades

#3D75D7 #5788DD #729BE2 #8CADE8 #A7C0ED #C1D3F2

Darker Shades

#1E56B9 #1A4AA0 #163F86 #12336D #0E2754 #0A1B3B

Complementary Palette

#1D54B5 #2262D2 #B57E1D #D39222 #D9A141 #4178D8

Analogous Palette

#369BAB #3BA9BA #205CC5 #2262D2 #4C3BBA #5A4BBE

Triadic Palette

#1E56B9 #2262D2 #DF1660 #E33273 #60DF16 #54C413

Split Complementary Palette

#1F58BD #2262D2 #D33A22 #D74E38 #BBD322 #A8BE1F

Square Palette

#1D52B0 #2262D2 #C62FB2 #C68F2F #22D33A #45DA5A

Tetradic Palette

#1C50AC #2262D2 #980CE9 #D39222 #5DE90C #7AED38

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2262D2 contains 34 red, 98 green, and 210 blue.

Contrast Ratio: 5.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1