color #12225C | Chroma Seek

#12225C

Color Information

Hex Code

#12225C

RGB

18, 34, 92

HSL

227°, 67%, 22%

CSS

#12225C

Color Tints

Lighter variations of #12225C

#12225C

#2A386C

10%

#414E7D

20%

#59648D

30%

#717A9D

40%

#8991AE

50%

#A0A7BE

60%

#B8BDCE

70%

#D0D3DE

80%

#E7E9EF

90%

#FFFFFF

100%

Color Shades

Darker variations of #12225C

#12225C

#101F53

10%

#0E1B4A

20%

#0D1840

30%

#0B1437

40%

#09112E

50%

#070E25

60%

#050A1C

70%

#040712

80%

#020309

90%

#000000

100%

Related Colors

Complementary Color

#5E4D13

Opposite on color wheel

Split-Complementary Colors

#5E2813, #485E13

Adjacent to complementary color

Analogous Colors

#13485E, #28135E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#5E1323, #235E13

Three colors equally spaced (120° apart)

Tetradic Colors

#4D135E, #5E4D13, #235E13

Rectangle on color wheel (90° apart)

Square Colors

#5E1348, #5E4D13, #135E28

Four colors equally spaced (90° apart)

Monochromatic Variations

#B2C0F0, #728BE3, #3356D7, #1F3B9E

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#12225C

#135B5E

#3B135E

#5E4D13

#485E13

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

Triadic + Accent

#12225C

#5E1323

#235E13

#9423B3

#115546

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

Monochromatic + Split Complementary

#12225C

#284AC8

#0D1840

#5E2813

#485E13

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

#12225C

RGB Values

18, 34, 92

HSL Values

227°, 67%, 22%