color #22404A | Chroma Seek

#22404A

Color Information

Hex Code

#22404A

RGB

34, 64, 74

HSL

195°, 37%, 21%

CSS

#22404A

Color Tints

Lighter variations of #22404A

#22404A

#38535C

10%

#4E666E

20%

#647980

30%

#7A8C92

40%

#91A0A5

50%

#A7B3B7

60%

#BDC6C9

70%

#D3D9DB

80%

#E9ECED

90%

#FFFFFF

100%

Color Shades

Darker variations of #22404A

#22404A

#1F3A43

10%

#1B333B

20%

#182D34

30%

#14262C

40%

#112025

50%

#0E1A1E

60%

#0A1316

70%

#070D0F

80%

#030607

90%

#000000

100%

Related Colors

Complementary Color

#492C22

Opposite on color wheel

Split-Complementary Colors

#49222C, #493F22

Adjacent to complementary color

Analogous Colors

#22493F, #222C49

Adjacent colors on color wheel (30° apart)

Triadic Colors

#49223F, #3F4922

Three colors equally spaced (120° apart)

Tetradic Colors

#2C2249, #492C22, #3F4922

Rectangle on color wheel (90° apart)

Square Colors

#3F2249, #492C22, #2C4922

Four colors equally spaced (90° apart)

Monochromatic Variations

#BDD8E0, #88B8C8, #5499B0, #3A6D7E

Same hue, different lightness/saturation

Aesthetic Color Palettes

Beautiful 5-color palettes featuring #22404A. Each palette is designed for harmonious color combinations.

Analogous + Complementary

#22404A

#224936

#222249

#492C22

#493F22

A harmonious blend of analogous colors with complementary accents for balanced contrast.

Triadic + Accent

#22404A

#49223F

#3F4922

#55428F

#20462A

Bold triadic colors with lighter and darker accent variations for dynamic contrast.

Monochromatic + Split Complementary

#22404A

#4A8BA1

#182D34

#49222C

#493F22

Sophisticated monochromatic variations paired with split complementary colors for elegant contrast.

Interactive Color Picker

Click and drag on the color picker to explore different colors. The preview area will update in real-time.

Hue

Saturation & Lightness

Current Color

#22404A

RGB Values

34, 64, 74

HSL Values

195°, 37%, 21%