Sugar Quill Triadic Color Scheme
Five colors arranged by the triadic rule around Sugar Quill (#EBE5D7), each snapped to its nearest named color.
#EBE5D7
#D9EAE5
#E7D8EA
#F6F4EF
#A5D0C6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Sugar Quill | #EBE5D7 | 235, 229, 215 | 42°, 33%, 88% | 0, 3, 9, 8 | 92.3% 0.020 88 | |
| Tropical Dream | #D9EAE5 | 217, 234, 229 | 162°, 29%, 88% | 7, 0, 2, 8 | 92.3% 0.019 176 | |
| Pale Grey Magenta | #E7D8EA | 231, 216, 234 | 290°, 30%, 88% | 1, 8, 0, 8 | 90.0% 0.029 321 | |
| The Speed of Light | #F6F4EF | 246, 244, 239 | 43°, 28%, 95% | 0, 1, 3, 4 | 96.7% 0.007 89 | |
| Phosphorus | #A5D0C6 | 165, 208, 198 | 166°, 31%, 73% | 21, 0, 5, 18 | 82.4% 0.047 179 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F4EF on #A5D0C6 | 1.54:1 | — |
| Aa #D9EAE5 on #A5D0C6 | 1.35:1 | — |
| Aa #EBE5D7 on #A5D0C6 | 1.34:1 | — |
| Aa #E7D8EA on #F6F4EF | 1.24:1 | — |
| Aa #E7D8EA on #A5D0C6 | 1.24:1 | — |
| Aa #EBE5D7 on #F6F4EF | 1.14:1 | — |
CSS variables
:root {
--color-1: #ebe5d7; /* Sugar Quill */
--color-2: #d9eae5; /* Tropical Dream */
--color-3: #e7d8ea; /* Pale Grey Magenta */
--color-4: #f6f4ef; /* The Speed of Light */
--color-5: #a5d0c6; /* Phosphorus */
}Other schemes from Sugar Quill
- Sugar Quill Complementary Color Scheme#EBE5D7#F6F4EF#D7DDEC#A7B2D4#EDF2F8
- Sugar Quill Analogous Color Scheme#EDD5DD#EBDCD7#EBE5D7#E6ECD6#DEEAD8
- 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 triadic color schemes
- A Smell of Bakery Triadic Color Scheme#F3E9D9#DAF4EA#E7D7EF#F8F4ED#95E3C0
- Acropolis Triadic Color Scheme#F8E2CA#D0F7E4#E8CEF6#FBF4E8#99EEBB
- Air-Kiss Triadic Color Scheme#F6DCD2#D2F4DD#DDD6F3#FAEFE9#99EEAA
- Albescent Triadic Color Scheme#E1DACB#CAE1DA#D8CBE0#F6F4EF#9BC2B4
- Almond Triadic Color Scheme#EDDCC8#C6EADD#D5C7E8#F8F4ED#88DDBB
- Almond Brittle Triadic Color Scheme#E5D3B9#B6E5D6#D6B7E2#F8F4ED#82CDAD
- Alpaca Triadic Color Scheme#F9EDE2#E2F7F1#F0E5F5#F8F1EB#ABEDC9
- Ancient Scroll Triadic Color Scheme#F0E4D1#D2EFE6#E9D2EF#F8F4ED#98DDC5
- Angel Wing Triadic Color Scheme#F3DFD7#D7F3DD#DDD6F3#FAEFE9#99E6B3
- Angelic White Triadic Color Scheme#F4EDE4#E5F1ED#F0E5F5#F8F4ED#B0DEC8
- Apricot Freeze Triadic Color Scheme#F3CFB7#BBEFD3#CDB7FA#FAEFE9#66EEAA
- Apricot Sherbet Triadic Color Scheme#FBCD9F#96FBC4#CA9BF7#FFF1E8#56FCA2
Questions
What colors go with Sugar Quill?
In a triadic scheme: Tropical Dream (#D9EAE5), Pale Grey Magenta (#E7D8EA), The Speed of Light (#F6F4EF), Phosphorus (#A5D0C6).
What is the hex code of Sugar Quill?
#EBE5D7.