color #CCB63E | Chroma Seek

#CCB63E

Color Information

Hex Code

#CCB63E

RGB

204, 182, 62

HSL

51°, 58%, 52%

CSS

#CCB63E

Color Tints

Lighter variations of #CCB63E

#CCB63E

#D1BD51

10%

#D6C565

20%

#DBCC78

30%

#E0D38B

40%

#E6DB9F

50%

#EBE2B2

60%

#F0E9C5

70%

#F5F0D8

80%

#FAF8EC

90%

#FFFFFF

100%

Color Shades

Darker variations of #CCB63E

#CCB63E

#B8A438

10%

#A39232

20%

#8F7F2B

30%

#7A6D25

40%

#665B1F

50%

#524919

60%

#3D3713

70%

#29240C

80%

#141206

90%

#000000

100%

Related Colors

Complementary Color

#3E53CC

Opposite on color wheel

Split-Complementary Colors

#3E9ACC, #6F3ECC

Adjacent to complementary color

Analogous Colors

#CC6F3E, #9ACC3E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#3ECCB6, #B63ECC

Three colors equally spaced (120° apart)

Tetradic Colors

#53CC3E, #3E53CC, #B63ECC

Rectangle on color wheel (90° apart)

Square Colors

#3ECC6F, #3E53CC, #CC3E9A

Four colors equally spaced (90° apart)

Monochromatic Variations

#F6F3DF, #E1D58E, #817322, #302B0D

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CCB63E

#CC4C3E

#76CC3E

#3E53CC

#6F3ECC

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

Triadic + Accent

#CCB63E

#3ECCB6

#B63ECC

#9BE18E

#812230

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

Monochromatic + Split Complementary

#CCB63E

#E6DCA2

#6D611D

#3E9ACC

#6F3ECC

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

#CCB63E

RGB Values

204, 182, 62

HSL Values

51°, 58%, 52%