color #CAD380 | Chroma Seek

#CAD380

Color Information

Hex Code

#CAD380

RGB

202, 211, 128

HSL

67°, 49%, 66%

CSS

#CAD380

Color Tints

Lighter variations of #CAD380

#CAD380

#CFD78D

10%

#D5DC99

20%

#DAE0A6

30%

#DFE5B3

40%

#E5E9C0

50%

#EAEDCC

60%

#EFF2D9

70%

#F4F6E6

80%

#FAFBF2

90%

#FFFFFF

100%

Color Shades

Darker variations of #CAD380

#CAD380

#B6BE73

10%

#A2A966

20%

#8D945A

30%

#797F4D

40%

#656A40

50%

#515433

60%

#3D3F26

70%

#282A1A

80%

#14150D

90%

#000000

100%

Related Colors

Complementary Color

#887ED3

Opposite on color wheel

Split-Complementary Colors

#7E9ED3, #B27ED3

Adjacent to complementary color

Analogous Colors

#D3B27E, #9ED37E

Adjacent colors on color wheel (30° apart)

Triadic Colors

#7EC9D3, #D37EC9

Three colors equally spaced (120° apart)

Tetradic Colors

#7ED388, #887ED3, #D37EC9

Rectangle on color wheel (90° apart)

Square Colors

#7ED3B2, #887ED3, #D37E9E

Four colors equally spaced (90° apart)

Monochromatic Variations

#FFFFFF, #E9EDCA, #A1AF3C, #5B6322

Same hue, different lightness/saturation

Aesthetic Color Palettes

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

Analogous + Complementary

#CAD380

#D39D7E

#89D37E

#887ED3

#B27ED3

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

Triadic + Accent

#CAD380

#7EC9D3

#D37EC9

#B3E5B9

#AF493C

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

Monochromatic + Split Complementary

#CAD380

#E7EBC6

#909C35

#7E9ED3

#B27ED3

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

#CAD380

RGB Values

202, 211, 128

HSL Values

67°, 49%, 66%