#225177 Color

Color Information

HEX#225177
RGB34, 81, 119
HSL207° , 56% , 30%
HSV207° , 71% , 47%
CMYK71%, 32%, 0%, 53%

Lighter Shades

#3D6687 #577B98 #7290A8 #8CA5B8 #A7B9C9 #C1CED9

Darker Shades

#1E4769 #1A3E5A #16344C #122A3E #0E2030 #0A1721

Complementary Palette

#1D4666 #225177 #663E1D #774822 #8A6241 #41698A

Analogous Palette

#2C5E5C #316865 #204C70 #225177 #313468 #474871

Triadic Palette

#1E4769 #225177 #7F1A52 #8E3567 #527F1A #487017

Split Complementary Palette

#1F496B #225177 #772226 #85383C #777322 #6B681F

Square Palette

#1D4464 #225177 #6C2970 #704929 #267722 #498D45

Tetradic Palette

#1C4262 #225177 #471485 #774822 #528514 #719B3E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225177 contains 34 red, 81 green, and 119 blue.

Contrast Ratio: 8.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1