color #122232 | Chroma Seek

#122232

Color Information

Hex Code

#122232

RGB

18, 34, 50

HSL

210°, 47%, 13%

CSS

#122232

Color Tints

Lighter variations of #122232

#122232

#2A3847

10%

#414E5B

20%

#596470

30%

#717A84

40%

#899199

50%

#A0A7AD

60%

#B8BDC2

70%

#D0D3D6

80%

#E7E9EB

90%

#FFFFFF

100%

Color Shades

Darker variations of #122232

#122232

#101F2D

10%

#0E1B28

20%

#0D1823

30%

#0B141E

40%

#091119

50%

#070E14

60%

#050A0F

70%

#04070A

80%

#020305

90%

#000000

100%

Related Colors

Complementary Color

#312112

Opposite on color wheel

Split-Complementary Colors

#311212, #313112

Adjacent to complementary color

Analogous Colors

#123131, #121231

Adjacent colors on color wheel (30° apart)

Triadic Colors

#311221, #213112

Three colors equally spaced (120° apart)

Tetradic Colors

#211231, #312112, #213112

Rectangle on color wheel (90° apart)

Square Colors

#311231, #312112, #123112

Four colors equally spaced (90° apart)

Monochromatic Variations

#9ABADB, #6294C6, #3A6EA1, #264769

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#122232

#123129

#191231

#312112

#313112

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

Triadic + Accent

#122232

#311221

#213112

#542D7C

#1B4B33

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

Monochromatic + Split Complementary

#122232

#33618E

#142638

#311212

#313112

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

#122232

RGB Values

18, 34, 50

HSL Values

210°, 47%, 13%