Refer to the Stars Complementary Color Scheme
Five colors arranged by the complementary rule around Refer to the Stars (#F1EAE2), each snapped to its nearest named color.
#F1EAE2
#F8F4ED
#E2EAF0
#ACC2D9
#EDF2F8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Refer to the Stars | #F1EAE2 | 241, 234, 226 | 32°, 35%, 92% | 0, 3, 6, 5 | |
| Crystal Cut | #F8F4ED | 248, 244, 237 | 38°, 44%, 95% | 0, 2, 4, 3 | |
| Himalaya Peaks | #E2EAF0 | 226, 234, 240 | 206°, 32%, 91% | 6, 3, 0, 6 | |
| Cloudy Blue | #ACC2D9 | 172, 194, 217 | 211°, 37%, 76% | 21, 11, 0, 15 | |
| Airport | #EDF2F8 | 237, 242, 248 | 213°, 44%, 95% | 4, 2, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F8F4ED on #ACC2D9 | 1.67:1 | — |
| Aa #ACC2D9 on #EDF2F8 | 1.63:1 | — |
| Aa #F1EAE2 on #ACC2D9 | 1.53:1 | — |
| Aa #E2EAF0 on #ACC2D9 | 1.50:1 | — |
| Aa #F8F4ED on #E2EAF0 | 1.11:1 | — |
| Aa #F1EAE2 on #F8F4ED | 1.09:1 | — |
CSS variables
:root {
--color-1: #f1eae2; /* Refer to the Stars */
--color-2: #f8f4ed; /* Crystal Cut */
--color-3: #e2eaf0; /* Himalaya Peaks */
--color-4: #acc2d9; /* Cloudy Blue */
--color-5: #edf2f8; /* Airport */
}Other schemes from Refer to the Stars
- Refer to the Stars Analogous Color Scheme#F0E1E8#F0E2E4#F1EAE2#F1F1E1#E8F0E2
- Refer to the Stars Triadic Color Scheme#F1EAE2#E1F0EA#E9E4EF#F8F4ED#B1D9C4
- Refer to the Stars Split-complementary Color Scheme#F1EAE2#E1F2F0#E0E3EF#D7C5AE#ECF7F7
- Refer to the Stars Tetradic Color Scheme#F1EAE2#E2F2E4#E2EAF0#EFE2F2#F8F4ED
- Refer to the Stars Monochromatic Color Scheme#BB9E7C#D7C5AE#F1EAE2#F8F4ED#F8F4ED
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 Refer to the Stars?
In a complementary scheme: Crystal Cut (#F8F4ED), Himalaya Peaks (#E2EAF0), Cloudy Blue (#ACC2D9), Airport (#EDF2F8).
What is the hex code of Refer to the Stars?
#F1EAE2.