color #DF313F | Chroma Seek

#DF313F

Color Information

Hex Code

#DF313F

RGB

223, 49, 63

HSL

355°, 73%, 53%

CSS

#DF313F

Color Tints

Lighter variations of #DF313F

#DF313F

#E24652

10%

#E55A65

20%

#E96F79

30%

#EC838C

40%

#EF989F

50%

#F2ADB2

60%

#F5C1C5

70%

#F9D6D9

80%

#FCEAEC

90%

#FFFFFF

100%

Color Shades

Darker variations of #DF313F

#DF313F

#C92C39

10%

#B22732

20%

#9C222C

30%

#861D26

40%

#701920

50%

#591419

60%

#430F13

70%

#2D0A0D

80%

#160506

90%

#000000

100%

Related Colors

Complementary Color

#30DFD0

Opposite on color wheel

Split-Complementary Colors

#30DF79, #3096DF

Adjacent to complementary color

Analogous Colors

#DF3096, #DF7930

Adjacent colors on color wheel (30° apart)

Triadic Colors

#3EDF30, #303EDF

Three colors equally spaced (120° apart)

Tetradic Colors

#DFD030, #30DFD0, #303EDF

Rectangle on color wheel (90° apart)

Square Colors

#96DF30, #30DFD0, #7930DF

Four colors equally spaced (90° apart)

Monochromatic Variations

#FAE0E2, #EC8890, #921721, #39090D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#DF313F

#DF30C1

#DFA430

#30DFD0

#3096DF

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

Triadic + Accent

#DF313F

#3EDF30

#303EDF

#ECE488

#871792

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

Monochromatic + Split Complementary

#DF313F

#F09EA5

#7C131C

#30DF79

#3096DF

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

#DF313F

RGB Values

223, 49, 63

HSL Values

355°, 73%, 53%