#225163 Color

Color Information

HEX#225163
RGB34, 81, 99
HSL197° , 49% , 26%
HSV197° , 66% , 39%
CMYK66%, 18%, 0%, 61%

Lighter Shades

#3D6676 #577B88 #72909B #8CA5AE #A7B9C1 #C1CED3

Darker Shades

#1E4757 #1A3E4B #16343F #122A33 #0E2028 #0A171C

Complementary Palette

#1D4655 #225163 #552D1D #633422 #795041 #416979

Analogous Palette

#2B4F47 #2F564D #204C5D #225163 #2F3756 #454A5F

Triadic Palette

#1E4757 #225163 #691B52 #7B3667 #52691B #485C18

Split Complementary Palette

#1F4959 #225163 #632230 #733845 #635522 #594D1F

Square Palette

#1D4453 #225163 #51285C #5C3728 #306322 #517C45

Tetradic Palette

#1C4251 #225163 #2F166F #633422 #546F16 #738940

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225163 contains 34 red, 81 green, and 99 blue.

Contrast Ratio: 8.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.38:1