color #22434C | Chroma Seek

#22434C

Color Information

Hex Code

#22434C

RGB

34, 67, 76

HSL

193°, 38%, 22%

CSS

#22434C

Color Tints

Lighter variations of #22434C

#22434C

#38565E

10%

#4E6970

20%

#647B82

30%

#7A8E94

40%

#91A1A6

50%

#A7B4B7

60%

#BDC7C9

70%

#D3D9DB

80%

#E9ECED

90%

#FFFFFF

100%

Color Shades

Darker variations of #22434C

#22434C

#1F3C44

10%

#1B363D

20%

#182F35

30%

#14282E

40%

#112226

50%

#0E1B1E

60%

#0A1417

70%

#070D0F

80%

#030708

90%

#000000

100%

Related Colors

Complementary Color

#4D2C23

Opposite on color wheel

Split-Complementary Colors

#4D232F, #4D4123

Adjacent to complementary color

Analogous Colors

#234D41, #232F4D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#4D2344, #444D23

Three colors equally spaced (120° apart)

Tetradic Colors

#2C234D, #4D2C23, #444D23

Rectangle on color wheel (90° apart)

Square Colors

#41234D, #4D2C23, #2F4D23

Four colors equally spaced (90° apart)

Monochromatic Variations

#C0DBE3, #8BBDCB, #569FB3, #3A7382

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22434C

#234D37

#23244D

#4D2C23

#4D4123

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

Triadic + Accent

#22434C

#4D2344

#444D23

#544294

#204628

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

Monochromatic + Split Complementary

#22434C

#4A92A5

#182E35

#4D232F

#4D4123

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

#22434C

RGB Values

34, 67, 76

HSL Values

193°, 38%, 22%