Navajo White color codes
| CSS name | navajowhite |
|---|---|
| HEX | #FFDEAD |
| RGB | rgb(255, 222, 173) |
| HSL | hsl(36, 100%, 84%) |
| CMYK | cmyk(0%, 13%, 32%, 0%) |
| Decimal | 16768685 |
Shades of Navajo White (darker)
#E6C89C · #CCB28A · #B39B79 · #998568 · #806F57 · #665945 · #4D4334 · #332C23 · #1A1611
Tints of Navajo White (lighter)
#FFE1B5 · #FFE5BD · #FFE8C6 · #FFEBCE · #FFEFD6 · #FFF2DE · #FFF5E6 · #FFF8EF · #FFFCF7
Color harmonies
| Complementary | #ADCEFF |
|---|---|
| Triadic | #ADFFDE, #DEADFF |
| Analogous | #FFB6AD, #F7FFAD |
Accessibility (WCAG contrast)
| White text on Navajo White | 1.29:1 · Fail |
|---|---|
| Black text on Navajo White | 16.30:1 · AAA |
Use Navajo White in code
.element {
color: navajowhite; /* or #ffdead */
background-color: rgb(255 222 173 / 0.5);
}Frequently asked questions
What is the hex code for Navajo White?
Navajo White is #FFDEAD in HEX, rgb(255, 222, 173) in RGB and hsl(36, 100%, 84%) in HSL.
Can I use "navajowhite" directly in CSS?
Yes. "navajowhite" is one of the 148 standard CSS named colors, so color: navajowhite; works in every browser.
Is Navajo White readable on white?
The contrast ratio of Navajo White on white is 1.29:1 (WCAG Fail). On black it is 16.30:1 (AAA).
What is the complementary color of Navajo White?
The complementary color (opposite on the color wheel) is #ADCEFF.
Similar colors
Moccasin#FFE4B5Wheat#F5DEB3Peach Puff#FFDAB9Pale Goldenrod#EEE8AABisque#FFE4C4Blanched Almond#FFEBCDKhaki#F0E68CPink#FFC0CB
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.