Cashew Nut Complementary Color Scheme
Five colors arranged by the complementary rule around Cashew Nut (#EDCCB3), each snapped to its nearest named color.
#EDCCB3
#F8F1EB
#AED7EA
#74B8DE
#ECF3F9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cashew Nut | #EDCCB3 | 237, 204, 179 | 26°, 62%, 82% | 0, 14, 24, 7 | |
| Shea | #F8F1EB | 248, 241, 235 | 28°, 48%, 95% | 0, 3, 5, 3 | |
| Ariel | #AED7EA | 174, 215, 234 | 199°, 59%, 80% | 26, 8, 0, 8 | |
| Tranquil Bay | #74B8DE | 116, 184, 222 | 202°, 62%, 66% | 48, 17, 0, 13 | |
| Insignia White | #ECF3F9 | 236, 243, 249 | 208°, 52%, 95% | 5, 2, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8F1EB on #74B8DE | 1.94:1 | — |
| Aa #74B8DE on #ECF3F9 | 1.94:1 | — |
| Aa #EDCCB3 on #74B8DE | 1.44:1 | — |
| Aa #AED7EA on #74B8DE | 1.42:1 | — |
| Aa #F8F1EB on #AED7EA | 1.37:1 | — |
| Aa #AED7EA on #ECF3F9 | 1.37:1 | — |
CSS variables
:root {
--color-1: #edccb3; /* Cashew Nut */
--color-2: #f8f1eb; /* Shea */
--color-3: #aed7ea; /* Ariel */
--color-4: #74b8de; /* Tranquil Bay */
--color-5: #ecf3f9; /* Insignia White */
}Other schemes from Cashew Nut
- Cashew Nut Analogous Color Scheme#EFB6D8#F1B3B6#EDCCB3#EDEBB4#D9EEB4
- Cashew Nut Triadic Color Scheme#EDCCB3#B0EFCE#C2B2F0#F8F1EB#7BD9AD
- Cashew Nut Split-complementary Color Scheme#EDCCB3#B1EAE8#ACB9E8#DFA479#E7FAFA
- Cashew Nut Tetradic Color Scheme#EDCCB3#BAEBAE#AED7EA#E9AEF2#F8F1EB
- Cashew Nut Monochromatic Color Scheme#D37A38#DFA479#EDCCB3#F8F1EB#F8F1EB
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Cashew Nut?
In a complementary scheme: Shea (#F8F1EB), Ariel (#AED7EA), Tranquil Bay (#74B8DE), Insignia White (#ECF3F9).
What is the hex code of Cashew Nut?
#EDCCB3.