color #F2BC3D | Chroma Seek

#F2BC3D

Color Information

Hex Code

#F2BC3D

RGB

242, 188, 61

HSL

42°, 87%, 59%

CSS

#F2BC3D

Color Tints

Lighter variations of #F2BC3D

#F2BC3D

#F3C350

10%

#F5C964

20%

#F6D077

30%

#F7D78B

40%

#F9DE9E

50%

#FAE4B1

60%

#FBEBC5

70%

#FCF2D8

80%

#FEF8EC

90%

#FFFFFF

100%

Color Shades

Darker variations of #F2BC3D

#F2BC3D

#DAA937

10%

#C29631

20%

#A9842B

30%

#917125

40%

#795E1F

50%

#614B18

60%

#493812

70%

#30260C

80%

#181306

90%

#000000

100%

Related Colors

Complementary Color

#3B72F1

Opposite on color wheel

Split-Complementary Colors

#3BCDF1, #603BF1

Adjacent to complementary color

Analogous Colors

#F1603B, #CDF13B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#3BF1BB, #BB3BF1

Three colors equally spaced (120° apart)

Tetradic Colors

#72F13B, #3B72F1, #BB3BF1

Rectangle on color wheel (90° apart)

Square Colors

#3BF160, #3B72F1, #F13BCD

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFDFA, #F8DC9B, #BA860D, #5B4106

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#F2BC3D

#F13B45

#A0F13B

#3B72F1

#603BF1

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

Triadic + Accent

#F2BC3D

#3BF1BB

#BB3BF1

#B7F89B

#BA0D41

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

Monochromatic + Split Complementary

#F2BC3D

#FAE4B3

#A2750B

#3BCDF1

#603BF1

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

#F2BC3D

RGB Values

242, 188, 61

HSL Values

42°, 87%, 59%