color #F8306C | Chroma Seek

#F8306C

Color Information

Hex Code

#F8306C

RGB

248, 48, 108

HSL

342°, 93%, 58%

CSS

#F8306C

Color Tints

Lighter variations of #F8306C

#F8306C

#F9457B

10%

#F95989

20%

#FA6E98

30%

#FB83A7

40%

#FC98B6

50%

#FCACC4

60%

#FDC1D3

70%

#FED6E2

80%

#FEEAF0

90%

#FFFFFF

100%

Color Shades

Darker variations of #F8306C

#F8306C

#DF2B61

10%

#C62656

20%

#AE224C

30%

#951D41

40%

#7C1836

50%

#63132B

60%

#4A0E20

70%

#320A16

80%

#19050B

90%

#000000

100%

Related Colors

Complementary Color

#30F8BC

Opposite on color wheel

Split-Complementary Colors

#30F858, #30D0F8

Adjacent to complementary color

Analogous Colors

#F830D0, #F85830

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6CF830, #306CF8

Three colors equally spaced (120° apart)

Tetradic Colors

#F8BC30, #30F8BC, #306CF8

Rectangle on color wheel (90° apart)

Square Colors

#D0F830, #30F8BC, #5830F8

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFF5F8, #FB93B2, #BB073D, #59031D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#F8306C

#EE30F8

#F88A30

#30F8BC

#30D0F8

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

Triadic + Accent

#F8306C

#6CF830

#306CF8

#FBDC93

#8507BB

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

Monochromatic + Split Complementary

#F8306C

#FCABC4

#A20635

#30F858

#30D0F8

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

#F8306C

RGB Values

248, 48, 108

HSL Values

342°, 93%, 58%