color #F5CA3D | Chroma Seek

#F5CA3D

Color Information

Hex Code

#F5CA3D

RGB

245, 202, 61

HSL

46°, 90%, 60%

CSS

#F5CA3D

Color Tints

Lighter variations of #F5CA3D

#F5CA3D

#F6CF50

10%

#F7D564

20%

#F8DA77

30%

#F9DF8B

40%

#FAE59E

50%

#FBEAB1

60%

#FCEFC5

70%

#FDF4D8

80%

#FEFAEC

90%

#FFFFFF

100%

Color Shades

Darker variations of #F5CA3D

#F5CA3D

#DDB637

10%

#C4A231

20%

#AC8D2B

30%

#937925

40%

#7B651F

50%

#625118

60%

#4A3D12

70%

#31280C

80%

#191406

90%

#000000

100%

Related Colors

Complementary Color

#3D68F5

Opposite on color wheel

Split-Complementary Colors

#3DC4F5, #6E3DF5

Adjacent to complementary color

Analogous Colors

#F56E3D, #C4F53D

Adjacent colors on color wheel (30° apart)

Triadic Colors

#3DF5CA, #CA3DF5

Three colors equally spaced (120° apart)

Tetradic Colors

#68F53D, #3D68F5, #CA3DF5

Rectangle on color wheel (90° apart)

Square Colors

#3DF56E, #3D68F5, #F53DC4

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #FAE49E, #C2970A, #614B05

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#F5CA3D

#F5403D

#96F53D

#3D68F5

#6E3DF5

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

Triadic + Accent

#F5CA3D

#3DF5CA

#CA3DF5

#B4FA9E

#C20A35

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

Monochromatic + Split Complementary

#F5CA3D

#FBEBB6

#AA8409

#3DC4F5

#6E3DF5

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

#F5CA3D

RGB Values

245, 202, 61

HSL Values

46°, 90%, 60%