Skip to content

Navajo white

Navajo white is a very light, vivid color from the orange family. Hex code #FFDEAD.

Navajo white#FFDEAD

Color codes

  • CSS namenavajowhite
  • HEX#FFDEAD
  • RGBrgb(255 222 173)
  • HSLhsl(36 100% 84%)
  • HSB / HSVhsb(36, 32%, 100%)
  • OKLCHoklch(91.6% 0.073 77.4)
  • CMYKcmyk(0%, 13%, 32%, 0%)

White text

1.28:1 · fails WCAG

Black text

16.30:1 · passes WCAG AAA

Shades

50#FEF0DB
100#F0CF9F
200#D3B383
300#B69768
400#9A7C4E
500#7F6235
600#65491B
700#4A3307
800#301E00

Complementary

#FFDEAD
#D4E5FE

Analogous

#FFDEAD
#FDDBCB
#E8E8AF

Triadic

#FFDEAD
#A9F3F4
#F4D8FE

About this color

Navajo white in CSS and design

Navajo white is a very light, vivid color from the orange family. Navajo white is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: navajowhite;
color: #FFDEAD;
color: rgb(255 222 173);
color: hsl(36 100% 84%);

For text on navajo white, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for navajo white?

#FFDEAD. In CSS you can also use the keyword navajowhite, which works in every browser.

What is navajo white in RGB and HSL?

In RGB it is rgb(255 222 173), in HSL hsl(36 100% 84%). For print, cmyk(0%, 13%, 32%, 0%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on navajo white?

Black text works better: it has a contrast ratio of 16.30:1 and passes WCAG AAA. White text reaches 1.28:1.

Which colors go with navajo white?

Its complementary color is #D4E5FE, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #FDDBCB and #E8E8AF. The palette generator builds more combinations.