Sugar Quill Analogous Color Scheme
Five colors arranged by the analogous rule around Sugar Quill (#EBE5D7), each snapped to its nearest named color.
#EDD5DD
#EBDCD7
#EBE5D7
#E6ECD6
#DEEAD8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lighthearted Pink | #EDD5DD | 237, 213, 221 | 340°, 40%, 88% | 0, 10, 7, 7 | |
| Faded Shells | #EBDCD7 | 235, 220, 215 | 15°, 33%, 88% | 0, 6, 9, 8 | |
| Sugar Quill | #EBE5D7 | 235, 229, 215 | 42°, 33%, 88% | 0, 3, 9, 8 | |
| Lime Meringue | #E6ECD6 | 230, 236, 214 | 76°, 37%, 88% | 3, 0, 9, 7 | |
| Lily Pond | #DEEAD8 | 222, 234, 216 | 100°, 30%, 88% | 5, 0, 8, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EDD5DD on #E6ECD6 | 1.14:1 | — |
| Aa #EDD5DD on #DEEAD8 | 1.11:1 | — |
| Aa #EDD5DD on #EBE5D7 | 1.10:1 | — |
| Aa #EBDCD7 on #E6ECD6 | 1.10:1 | — |
| Aa #EBDCD7 on #DEEAD8 | 1.07:1 | — |
| Aa #EBDCD7 on #EBE5D7 | 1.06:1 | — |
CSS variables
:root {
--color-1: #edd5dd; /* Lighthearted Pink */
--color-2: #ebdcd7; /* Faded Shells */
--color-3: #ebe5d7; /* Sugar Quill */
--color-4: #e6ecd6; /* Lime Meringue */
--color-5: #deead8; /* Lily Pond */
}Other schemes from Sugar Quill
- Sugar Quill Complementary Color Scheme#EBE5D7#F6F4EF#D7DDEC#A7B2D4#EDF2F8
- Sugar Quill Triadic Color Scheme#EBE5D7#D9EAE5#E7D8EA#F6F4EF#A5D0C6
- Sugar Quill Split-complementary Color Scheme#EBE5D7#D7E5EA#D9D9EA#D2C3A3#F0F4F8
- Sugar Quill Tetradic Color Scheme#EBE5D7#D6EADB#D7DDEC#EFD7E7#F6F4EF
- Sugar Quill Monochromatic Color Scheme#BBA46D#D2C3A3#EBE5D7#F6F4EF#F6F4EF
More Very Light Orange analogous palettes
- 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 Sugar Quill?
In a analogous scheme: Lighthearted Pink (#EDD5DD), Faded Shells (#EBDCD7), Lime Meringue (#E6ECD6), Lily Pond (#DEEAD8).
What is the hex code of Sugar Quill?
#EBE5D7.