#225BEB Color

Color Information

HEX#225BEB
RGB34, 91, 235
HSL223° , 83% , 53%
HSV223° , 86% , 92%
CMYK86%, 61%, 0%, 8%

Lighter Shades

#3D6FED #5782F0 #7296F2 #8CAAF5 #A7BDF7 #C1D1F9

Darker Shades

#1E50CF #1A45B3 #163A96 #122F7A #0E245E #0A1942

Complementary Palette

#1D4ECA #225BEB #CA991F #EBB224 #EEBD43 #4172EE

Analogous Palette

#3BA2BF #3CB2D3 #2056DD #225BEB #5C3CD3 #6A4BD8

Triadic Palette

#1E50CF #225BEB #F71857 #F8346B #57F718 #4DD915

Split Complementary Palette

#1F52D4 #225BEB #EB4F24 #ED613A #C0EB24 #ADD420

Square Palette

#1D4CC5 #225BEB #DF30B9 #DFAD30 #24EB4F #47EE6B

Tetradic Palette

#1C4BC1 #225BEB #BB0FFF #EBB224 #53FF0F #72FF3A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225BEB contains 34 red, 91 green, and 235 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