color #22312C | Chroma Seek

#22312C

Color Information

Hex Code

#22312C

RGB

34, 49, 44

HSL

160°, 18%, 16%

CSS

#22312C

Color Tints

Lighter variations of #22312C

#22312C

#384641

10%

#4E5A56

20%

#646F6B

30%

#7A8380

40%

#919896

50%

#A7ADAB

60%

#BDC1C0

70%

#D3D6D5

80%

#E9EAEA

90%

#FFFFFF

100%

Color Shades

Darker variations of #22312C

#22312C

#1F2C28

10%

#1B2723

20%

#18221F

30%

#141D1A

40%

#111916

50%

#0E1412

60%

#0A0F0D

70%

#070A09

80%

#030504

90%

#000000

100%

Related Colors

Complementary Color

#302126

Opposite on color wheel

Split-Complementary Colors

#30212E, #302421

Adjacent to complementary color

Analogous Colors

#213024, #212E30

Adjacent colors on color wheel (30° apart)

Triadic Colors

#2B2130, #302B21

Three colors equally spaced (120° apart)

Tetradic Colors

#212630, #302126, #302B21

Rectangle on color wheel (90° apart)

Square Colors

#242130, #302126, #2E3021

Four colors equally spaced (90° apart)

Monochromatic Variations

#B7CDC5, #8AADA2, #608A7C, #415D54

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#22312C

#233021

#212A30

#302126

#302421

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

Triadic + Accent

#22312C

#2B2130

#302B21

#4B566C

#303C2A

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

Monochromatic + Split Complementary

#22312C

#567B6F

#1F2D29

#30212E

#302421

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

#22312C

RGB Values

34, 49, 44

HSL Values

160°, 18%, 16%