Khaki color: hex codes, shades and palettes

Palettes built around khaki. Click any swatch to copy its hex code.

A dull yellow-brown. Worth knowing that the CSS keyword `khaki` is a much lighter, more yellow colour than the fabric the word comes from — this is the fabric.

#7F656B

#884F4D

#D5B2A4

#6D5130

#C39E55

#A08400

#6F6F00

#47571C

#5C4D43

#7D6557

#A07E61

#B79D86

#473929

#776139

#9F8F6A

#CAC096

#AF9B7F

#857853

#5A5737

#323725

#CB8270

#B07153

#94614A

#8A4702

#C8B69F

#968B7F

#6C6257

#483B2D

#8E5B58

#A36C4E

#976511

#5B512F

#705133

#B47F28

#A07354

#008EC7

#822F29

#DF8556

#CB9857

#B29218

#4E463C

#765F3C

#868170

#ABA06F

#946500

#7A6000

#976B21

#9BA3E5

#544A3D

#7C692E

#958E57

#A5B785

#BA8B6C

#C9B498

#908863

#A5AA89

#835A31

#A56E20

#AE8D56

#C5A86F

#A67E43

#967800

#CD9E71

#0A98D5

#823D39

#A2543B

#C56A33

#C8936E

#574C43

#7E695B

#A38972

#BFAE9F

#DABE9E

#A5998B

#896E50

#5C4C38

#D9A376

#B4904D

#8A7D42

#636B00

#C08093

#D07A7E

#DD7E6A

#6E4832

#56472B

#766446

#91856F

#B3A58C

#DD9F75

#AF763B

#C86A30

#0090A7

#CBA383

#AF8145

#83672D

#584D28

Khaki hex, RGB, HSL and OKLCH

#8B7B4F

HEX: #8B7B4F
RGB: rgb(139, 123, 79)
HSL: hsl(44, 28%, 43%)
OKLCH: oklch(58.7% 0.064 90.3)
On white: 4.16:1
On black: 5.04:1

Shades of khaki

Eleven steps from one base color, generated in OKLCH so each step is an equal perceived step rather than an equal numeric one. Click a swatch to copy it.

Contrast and readability

Khaki on white measures 4.16:1 and on black 5.04:1. WCAG AA asks for 4.5:1 on normal text and 3:1 on large text and UI components, so the higher of those two decides which background it belongs on. In the scale above, 500 is the first to clear 4.5:1 on white, at 5.32:1.

The contrast checker reports every level for a given pair and suggests the nearest passing shade on the same hue. The color picker builds this same scale from any color you paste in.

Related colors:taupe, brown, tan, sand, tuscan, clay. See every shade on the colors index.

Khaki color: hex codes, shades and palettes

No khaki palettes yet

Khaki hex, RGB, HSL and OKLCH

Shades of khaki

Contrast and readability