color #F5BA6C | Chroma Seek

#F5BA6C

Color Information

Hex Code

#F5BA6C

RGB

245, 186, 108

HSL

34°, 87%, 69%

CSS

#F5BA6C

Color Tints

Lighter variations of #F5BA6C

#F5BA6C

#F6C17B

10%

#F7C889

20%

#F8CF98

30%

#F9D6A7

40%

#FADDB6

50%

#FBE3C4

60%

#FCEAD3

70%

#FDF1E2

80%

#FEF8F0

90%

#FFFFFF

100%

Color Shades

Darker variations of #F5BA6C

#F5BA6C

#DDA761

10%

#C49556

20%

#AC824C

30%

#937041

40%

#7B5D36

50%

#624A2B

60%

#4A3820

70%

#312516

80%

#19130B

90%

#000000

100%

Related Colors

Complementary Color

#6BA7F5

Opposite on color wheel

Split-Complementary Colors

#6BECF5, #746BF5

Adjacent to complementary color

Analogous Colors

#F5746B, #ECF56B

Adjacent colors on color wheel (30° apart)

Triadic Colors

#6BF5B9, #B96BF5

Three colors equally spaced (120° apart)

Tetradic Colors

#A7F56B, #6BA7F5, #B96BF5

Rectangle on color wheel (90° apart)

Square Colors

#6BF574, #6BA7F5, #F56BEC

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #FBE6CB, #EA8B10, #8A530A

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#F5BA6C

#F56B84

#C9F56B

#6BA7F5

#746BF5

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

Triadic + Accent

#F5BA6C

#6BF5B9

#B96BF5

#C6F8A0

#EA106E

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

Monochromatic + Split Complementary

#F5BA6C

#FADDB7

#D27D0F

#6BECF5

#746BF5

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

#F5BA6C

RGB Values

245, 186, 108

HSL Values

34°, 87%, 69%