#2255B2 Color

Color Information

HEX	#2255B2
RGB	34, 85, 178
HSL	219° , 68% , 42%
HSV	219° , 81% , 70%
CMYK	81%, 52%, 0%, 30%

Lighter Shades

#3D69BB #577EC4 #7292CE #8CA7D7 #A7BBE0 #C1CFE9

Darker Shades

#1E4B9D #1A4187 #163672 #122C5D #0E2247 #0A1832

Complementary Palette

#1D4999 #2255B2 #9B6F1D #B48122 #BF9341 #416DBD

Analogous Palette

#338694 #388F9F #2050A7 #2255B2 #47389F #5A4DA3

Triadic Palette

#1E4B9D #2255B2 #BF1852 #C73467 #52BF18 #48A815

Split Complementary Palette

#1F4DA0 #2255B2 #B43822 #BC4C38 #9EB422 #8EA21F

Square Palette

#1D4796 #2255B2 #A92D97 #A97E2D #22B438 #45C058

Tetradic Palette

#1C4692 #2255B2 #870FC7 #B48122 #4FC70F #6FD13A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2255B2 contains 34 red, 85 green, and 178 blue.

Contrast Ratio: 7.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1