Navajo White Analogous Color Scheme
Five colors arranged by the analogous rule around Navajo White (#FFDEAD), each snapped to its nearest named color.
#FFAACC
#FDB2AB
#FFDEAD
#FEFCAF
#C8FFB0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Majin Bū Pink | #FFAACC | 255, 170, 204 | 336°, 100%, 83% | 0, 33, 20, 0 | 83.0% 0.108 354 | |
| Peach Bud | #FDB2AB | 253, 178, 171 | 5°, 95%, 83% | 0, 30, 32, 1 | 83.3% 0.089 25 | |
| Navajo White | #FFDEAD | 255, 222, 173 | 36°, 100%, 84% | 0, 13, 32, 0 | 91.6% 0.073 77 | |
| Parchment | #FEFCAF | 254, 252, 175 | 58°, 98%, 84% | 0, 1, 31, 0 | 97.5% 0.097 107 | |
| Sour Green Cherry | #C8FFB0 | 200, 255, 176 | 102°, 100%, 85% | 22, 0, 31, 0 | 94.3% 0.118 136 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFAACC on #FEFCAF | 1.66:1 | — |
| Aa #FDB2AB on #FEFCAF | 1.63:1 | — |
| Aa #FFAACC on #C8FFB0 | 1.55:1 | — |
| Aa #FDB2AB on #C8FFB0 | 1.52:1 | — |
| Aa #FFAACC on #FFDEAD | 1.37:1 | — |
| Aa #FDB2AB on #FFDEAD | 1.34:1 | — |
CSS variables
:root {
--color-1: #ffaacc; /* Majin Bū Pink */
--color-2: #fdb2ab; /* Peach Bud */
--color-3: #ffdead; /* Navajo White */
--color-4: #fefcaf; /* Parchment */
--color-5: #c8ffb0; /* Sour Green Cherry */
}Other schemes from Navajo White
- Navajo White Complementary Color Scheme#FFDEAD#FFF5E4#AACCFF#77AAFF#E8EEFE
- Navajo White Triadic Color Scheme#FFDEAD#A5FCDC#DDAAFF#FFF5E4#63F7B4
- Navajo White Split-complementary Color Scheme#FFDEAD#B2FCFF#B5AFFF#FEBC61#E7FEFF
- Navajo White Tetradic Color Scheme#FFDEAD#A7FFB5#AACCFF#FFAAFF#FFF5E4
- Navajo White Monochromatic Color Scheme#FFA111#FEBC61#FFDEAD#FFF5E4#FFF5E4
More very light orange analogous color schemes
- A Smell of Bakery Analogous Color Scheme#F5DAE3#F3DBD9#F3E9D9#F1F3DA#E2F4D7
- Acropolis Analogous Color Scheme#F2CFE0#F6CBCA#F8E2CA#F7F7CB#EAF7C9
- Air-Kiss Analogous Color Scheme#F8D0E8#F7D2D8#F6DCD2#F6EED1#ECF4D2
- Albescent Analogous Color Scheme#E1C9D1#E3D1CC#E1DACB#DFE1CC#D2E3CC
- Almond Analogous Color Scheme#EDC9D8#ECC9CA#EDDCC8#EDEDC7#DAECC5
- Almond Brittle Analogous Color Scheme#E6BCCD#E5BEBA#E5D3B9#E6E6BC#C8E4B9
- Alpaca Analogous Color Scheme#FAE2ED#FAE3E3#F9EDE2#FBF9E1#EBF7E4
- Ancient Scroll Analogous Color Scheme#F2CFDC#EFD5CF#F0E4D1#EEF0D1#DAEED3
- Angel Wing Analogous Color Scheme#F4D8E8#F4D7DC#F3DFD7#F2EDD7#ECF3D8
- Angelic White Analogous Color Scheme#F5E3EA#F4E4E5#F4EDE4#F5F5E4#EAF3E6
- Apricot Freeze Analogous Color Scheme#F5B9D8#F0B9BE#F3CFB7#F6EDB6#D9EEB4
- Apricot Sherbet Analogous Color Scheme#FF99CC#FF9999#FBCD9F#FCFC9D#C1FD95
Questions
What colors go with Navajo White?
In a analogous scheme: Majin Bū Pink (#FFAACC), Peach Bud (#FDB2AB), Parchment (#FEFCAF), Sour Green Cherry (#C8FFB0).
What is the hex code of Navajo White?
#FFDEAD.