color #224058 | Chroma Seek

#224058

Color Information

Hex Code

#224058

RGB

34, 64, 88

HSL

207°, 44%, 24%

CSS

#224058

Color Tints

Lighter variations of #224058

#224058

#385369

10%

#4E6679

20%

#64798A

30%

#7A8C9B

40%

#91A0AC

50%

#A7B3BC

60%

#BDC6CD

70%

#D3D9DE

80%

#E9ECEE

90%

#FFFFFF

100%

Color Shades

Darker variations of #224058

#224058

#1F3A4F

10%

#1B3346

20%

#182D3E

30%

#142635

40%

#11202C

50%

#0E1A23

60%

#0A131A

70%

#070D12

80%

#030609

90%

#000000

100%

Related Colors

Complementary Color

#583B22

Opposite on color wheel

Split-Complementary Colors

#582225, #585522

Adjacent to complementary color

Analogous Colors

#225855, #222558

Adjacent colors on color wheel (30° apart)

Triadic Colors

#582240, #405822

Three colors equally spaced (120° apart)

Tetradic Colors

#3B2258, #583B22, #405822

Rectangle on color wheel (90° apart)

Square Colors

#552258, #583B22, #255822

Four colors equally spaced (90° apart)

Monochromatic Variations

#C4D8E8, #8DB3D3, #568FBD, #38688F

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#224058

#225848

#2D2258

#583B22

#585522

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

Triadic + Accent

#224058

#582240

#405822

#6B3FA2

#1D4931

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

Monochromatic + Split Complementary

#224058

#4682B4

#152837

#582225

#585522

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

#224058

RGB Values

34, 64, 88

HSL Values

207°, 44%, 24%