color #CCAD3D | Chroma Seek

#CCAD3D

Color Information

Hex Code

#CCAD3D

RGB

204, 173, 61

HSL

47°, 58%, 52%

CSS

#CCAD3D

Color Tints

Lighter variations of #CCAD3D

#CCAD3D

#D1B550

10%

#D6BD64

20%

#DBC677

30%

#E0CE8B

40%

#E6D69E

50%

#EBDEB1

60%

#F0E6C5

70%

#F5EFD8

80%

#FAF7EC

90%

#FFFFFF

100%

Color Shades

Darker variations of #CCAD3D

#CCAD3D

#B89C37

10%

#A38A31

20%

#8F792B

30%

#7A6825

40%

#66571F

50%

#524518

60%

#3D3412

70%

#29230C

80%

#141106

90%

#000000

100%

Related Colors

Complementary Color

#3E5CCC

Opposite on color wheel

Split-Complementary Colors

#3EA3CC, #663ECC

Adjacent to complementary color

Analogous Colors

#CC663E, #A3CC3E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#3ECCAD, #AD3ECC

Three colors equally spaced (120° apart)

Tetradic Colors

#5CCC3E, #3E5CCC, #AD3ECC

Rectangle on color wheel (90° apart)

Square Colors

#3ECC66, #3E5CCC, #CC3EA3

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6F1DF, #E1CF8E, #816C22, #30290D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CCAD3D

#CC423E

#80CC3E

#3E5CCC

#663ECC

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

Triadic + Accent

#CCAD3D

#3ECCAD

#AD3ECC

#A0E18E

#812237

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

Monochromatic + Split Complementary

#CCAD3D

#E6D8A2

#6D5B1D

#3EA3CC

#663ECC

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

#CCAD3D

RGB Values

204, 173, 61

HSL Values

47°, 58%, 52%