color #CCD422 | Chroma Seek

#CCD422

Color Information

Hex Code

#CCD422

RGB

204, 212, 34

HSL

63°, 72%, 48%

CSS

#CCD422

Color Tints

Lighter variations of #CCD422

#CCD422

#D1D838

10%

#D6DD4E

20%

#DBE164

30%

#E0E57A

40%

#E6EA91

50%

#EBEEA7

60%

#F0F2BD

70%

#F5F6D3

80%

#FAFBE9

90%

#FFFFFF

100%

Color Shades

Darker variations of #CCD422

#CCD422

#B8BF1F

10%

#A3AA1B

20%

#8F9418

30%

#7A7F14

40%

#666A11

50%

#52550E

60%

#3D400A

70%

#292A07

80%

#141503

90%

#000000

100%

Color Tones

Toned variations of #CCD422 (mixed with gray)

#CCD422

#C4CC2B

10%

#BDC335

20%

#B5BB3E

30%

#AEB248

40%

#A6AA51

50%

#9EA25A

60%

#979964

70%

#8F916D

80%

#888877

90%

#808080

100%

Related Colors

Complementary Color

#2B22D3

Opposite on color wheel

Split-Complementary Colors

#2272D3, #8322D3

Adjacent to complementary color

Analogous Colors

#D38322, #72D322

Adjacent colors on color wheel (30° apart)

Triadic Colors

#22CAD3, #D322CA

Three colors equally spaced (120° apart)

Tetradic Colors

#22D32B, #2B22D3, #D322CA

Rectangle on color wheel (90° apart)

Square Colors

#22D383, #2B22D3, #D32272

Four colors equally spaced (90° apart)

Monochromatic Variations

#F4F6CA, #E2E873, #767B14, #222306

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CCD422

#D35722

#46D322

#2B22D3

#8322D3

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

Triadic + Accent

#CCD422

#22CAD3

#D322CA

#73E879

#7B1914

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

Monochromatic + Split Complementary

#CCD422

#E7EC89

#616510

#2272D3

#8322D3

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

#CCD422

RGB Values

204, 212, 34

HSL Values

63°, 72%, 48%