color #CCBC0C | Chroma Seek

#CCBC0C

Color Information

Hex Code

#CCBC0C

RGB

204, 188, 12

HSL

55°, 89%, 42%

CSS

#CCBC0C

Color Tints

Lighter variations of #CCBC0C

#CCBC0C

#D1C324

10%

#D6C93D

20%

#DBD055

30%

#E0D76D

40%

#E6DE86

50%

#EBE49E

60%

#F0EBB6

70%

#F5F2CE

80%

#FAF8E7

90%

#FFFFFF

100%

Color Shades

Darker variations of #CCBC0C

#CCBC0C

#B8A90B

10%

#A3960A

20%

#8F8408

30%

#7A7107

40%

#665E06

50%

#524B05

60%

#3D3804

70%

#292602

80%

#141301

90%

#000000

100%

Related Colors

Complementary Color

#0C1CCA

Opposite on color wheel

Split-Complementary Colors

#0C7BCA, #5B0CCA

Adjacent to complementary color

Analogous Colors

#CA5B0C, #7BCA0C

Adjacent colors on color wheel (30° apart)

Triadic Colors

#0CCABB, #BB0CCA

Three colors equally spaced (120° apart)

Tetradic Colors

#1CCA0C, #0C1CCA, #BB0CCA

Rectangle on color wheel (90° apart)

Square Colors

#0CCA5B, #0C1CCA, #CA0C7B

Four colors equally spaced (90° apart)

Monochromatic Variations

#FAF3A8, #F4E648, #6A6206, #0A0901

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CCBC0C

#CA2C0C

#4BCA0C

#0C1CCA

#5B0CCA

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

Triadic + Accent

#CCBC0C

#0CCABB

#BB0CCA

#56F448

#6A060E

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

Monochromatic + Split Complementary

#CCBC0C

#F6E960

#524C05

#0C7BCA

#5B0CCA

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

#CCBC0C

RGB Values

204, 188, 12

HSL Values

55°, 89%, 42%