SRGB HDR

rgb(67% 65% 45%)

OKLAB HDR

oklab(72% -0.01 0.07)

OKLCH HDR

oklch(72% 0.07 100)

P3 HDR

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)

Tip: Press SPACE to generate a random color

Click a color block to copy to your clipboard.

View in CSS Generator

Color variations

View the different color variations generated from the selected color.

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

View the different color harmonies generated from the selected color.

Complementary scheme

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

#747aac

Scheme - a10

Analogous scheme

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

#ac8a74

Scheme - a10

#aca674

Scheme - a20

#96ac74

Scheme - a30

Monochromatic scheme

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

#aca674

Scheme - a10

#87825c

Scheme - a20

#646045

Scheme - a30

#43402f

Scheme - a40

#24231b

Scheme - a50

Split Complementary scheme

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

#aca674

Scheme - a10

#7496ac

Scheme - a20

#8a74ac

Scheme - a30

Triadic scheme

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

#aca674

Scheme - a10

#74aca6

Scheme - a20

#a674ac

Scheme - a30

Tetradic scheme

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

#aca674

Scheme - a10

#74ac8a

Scheme - a20

#747aac

Scheme - a30

#ac7496

Scheme - a40

Rectangle scheme

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

#aca674

Scheme - a10

#7aac74

Scheme - a20

#747aac

Scheme - a30

#a674ac

Scheme - a40

Double Split Complementary scheme

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

#ac8a74

Scheme - a10

#aca674

Scheme - a20

#96ac74

Scheme - a30

#7496ac

Scheme - a40

#8a74ac

Scheme - a50

AI color analysis
PRO

Ask AI to analyze the selected color and provide insights, use cases, and more.

AI-generated content can make mistakes, so double-check it.

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? 💡

0/200 characters

Optional

Automatically detected to help us understand context

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 build faster.

Trusted by designers and developers around the world.

.css.csv.scss.json.pdf.jpg.png.svgtailwindstyle dictionarywallpapers4kultrawidewidescreenapp tokensflutterandroidswiftmaui.nethdr colors

Create faster. Export anywhere.

Unlock advanced exports, app tokens, unlimited collections, wallpapers, and an ad‑free experience.


  • AI tools for color insights and faster creation

    New
  • Export a polished Branding Kit as PDF

    New
  • Export Light/Dark themes to CSS and CSV

    New
  • Generate app color tokens for Android, Flutter, Swift, and .NET MAUI

    New
  • App gradient code (Android, Flutter, Swift)

    New
  • One‑click wallpapers for desktop and mobile (4K, ultrawide, iPhone, Pixel, more)

    New
  • Unlimited collections

    New
  • Export color data to JSON, CSS, SCSS, Tailwind, Style Dictionary, and CSV

  • Download colors as PNG, JPG, or SVG

  • Ad‑free experience

PWA prompt