Color scheme generator

Generate a perfectly harmonized color scheme with our Color Scheme Generator. Generate fancy color shades, tints, triadic color palettes, and more color combinations.

SRGB New

rgb(67% 65% 45%)

OKLAB New

oklab(72% -0.01 0.07)

OKLCH New

oklch(72% 0.07 100)

P3 New

color(display-p3 0.67 0.65 0.48)

Name

darkkhaki

RGB

rgb(172, 166, 116)

HEX

#aca674

HSL

hsl(54 25% 56%)

HWB

hwb(54 45% 33%)

HSV

color(--hsv 54 33% 67%)

CMYK

cmyk 0%, 3%, 33%, 33%

LAB

lab(67.7 -3.54 26.8)

LCH

lch(67.7 27 97.5)

XYZ

color(xyz-d65 0.338 0.373 0.219)

colorffy.com

Tip: Press SPACE to generate a random color

Click a color block to copy to your clipboard.

Generate CSS

Mixing colors

Shades of #aca674

Created by adding black to a color, making it darker and more intense.

#aca674
#918c63
#787452
#5f5c42
#474533
#312f24
#1c1b16
#000000

Tints of #aca674

Created by adding white to a color, making it lighter and softer.

#aca674
#b8b287
#c4bf9a
#d0cbae
#dcd8c2
#e7e5d6
#f3f2ea
#ffffff

Tones of #aca674

Created by adding gray to a color, reducing its intensity and making it more subdued.

#aca674
#a6a076
#a09b78
#99957a
#93907b
#8d8b7d
#86857f
#808080

Harmony colors

Complementary scheme

Uses two colors opposite each other on the color wheel, creating high contrast and vibrant looks.

#747aac

Scheme - a0

Analogous scheme

Uses colors that are next to each other on the color wheel, providing a harmonious and pleasing design.

#ac8a74

Scheme - a0

#aca674

Scheme - a20

#96ac74

Scheme - a40

Monochromatic scheme

Uses variations in lightness and saturation of a single color, offering a cohesive and elegant look.

#aca674

Scheme - a0

#87825c

Scheme - a20

#646045

Scheme - a40

#43402f

Scheme - a60

#24231b

Scheme - a80

Split Complementary scheme

Uses a base color and two adjacent colors to its complementary, balancing contrast and harmony.

#aca674

Scheme - a0

#7496ac

Scheme - a20

#8a74ac

Scheme - a40

Triadic scheme

Uses three colors evenly spaced around the color wheel, creating vibrant and balanced designs.

#aca674

Scheme - a0

#74aca6

Scheme - a20

#a674ac

Scheme - a40

Tetradic scheme

Uses four colors arranged into two complementary pairs, offering rich variety and high contrast.

#aca674

Scheme - a0

#74ac8a

Scheme - a20

#747aac

Scheme - a40

#ac7496

Scheme - a60

Rectangle scheme

A type of tetradic scheme forming a rectangle on the color wheel with two complementary pairs, providing balanced contrast.

#aca674

Scheme - a0

#7aac74

Scheme - a20

#747aac

Scheme - a40

#a674ac

Scheme - a60

Double Split Complementary scheme

Uses two pairs of complementary colors, enhancing diversity and balance without the intensity of a tetradic scheme.

#ac8a74

Scheme - a0

#aca674

Scheme - a20

#96ac74

Scheme - a40

#7496ac

Scheme - a60

#8a74ac

Scheme - a80

Submit feedback

We'd love to hear from you, tell us what you think about Colorffy, and what we can improve.

What's your suggestion? 💡

Optional

Create your free account

Sign up to save and like your color palettes, gradients, and more.

Sign up with

or

Already have an account? Log in

By signing up, you agree to our Terms of Service and Privacy Policy

Upgrade to Pro and unlock more features.

Trusted and used by designers and developers from companies around the world.

.css.csv.json.jpg.png.svgapp tokenshdr colors

Create. Export. Build faster.

Get access to more export file formats, app tokens, remove ads, unlimited collections, and more.


  • Unlimited collections New
  • Export Dark Theme to .css, and .csv New
  • App colors tokens New
  • Early access to new tools & features
  • Export to multiple formats (.json, .css, .csv)
  • Export colors as images (.jpeg, .png, .svg)
  • Remove ads
PWA prompt