Rising Star Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rising Star (#F7F6D5), each snapped to its nearest named color.
#F7F6D5
#D4E9F5
#E7D7EF
#E5E896
#EAF4FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Rising Star | #F7F6D5 | 247, 246, 213 | 58°, 68%, 90% | 0, 0, 14, 3 | 96.5% 0.043 106 | |
| Freezing Vapour | #D4E9F5 | 212, 233, 245 | 202°, 62%, 90% | 13, 5, 0, 4 | 92.2% 0.028 233 | |
| Pouty Purple | #E7D7EF | 231, 215, 239 | 280°, 43%, 89% | 3, 10, 0, 6 | 89.9% 0.037 315 | |
| Lime Juice Green | #E5E896 | 229, 232, 150 | 62°, 64%, 75% | 1, 0, 35, 9 | 91.0% 0.104 110 | |
| Moon White | #EAF4FC | 234, 244, 252 | 207°, 75%, 95% | 7, 3, 0, 1 | 96.2% 0.015 242 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F6D5 on #E7D7EF | 1.24:1 | — |
| Aa #E7D7EF on #EAF4FC | 1.23:1 | — |
| Aa #F7F6D5 on #E5E896 | 1.17:1 | — |
| Aa #E5E896 on #EAF4FC | 1.16:1 | — |
| Aa #F7F6D5 on #D4E9F5 | 1.14:1 | — |
| Aa #D4E9F5 on #EAF4FC | 1.12:1 | — |
CSS variables
:root {
--color-1: #f7f6d5; /* Rising Star */
--color-2: #d4e9f5; /* Freezing Vapour */
--color-3: #e7d7ef; /* Pouty Purple */
--color-4: #e5e896; /* Lime Juice Green */
--color-5: #eaf4fc; /* Moon White */
}Other schemes from Rising Star
- Rising Star Complementary Color Scheme#F7F6D5#FAF9EA#D2D8F4#8F8CE7#EEE9F9
- Rising Star Analogous Color Scheme#F7D5D4#F5E6D6#F7F6D5#E5F4D5#D8F3D7
- Rising Star Triadic Color Scheme#F7F6D5#D7F5F6#F4DAF1#FAF9EA#99EEEE
- Rising Star Tetradic Color Scheme#F7F6D5#D0F7E4#D2D8F4#FAD6E5#FAF9EA
- Rising Star Monochromatic Color Scheme#D8D458#E5E896#F7F6D5#FAF9EA#FAF9EA
More very light yellow split-complementary color schemes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banan-Appeal Split-complementary Color Scheme#FAF3A6#A7D7FF#CEA2FD#FBEC5E#E8F5FC
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
Questions
What colors go with Rising Star?
In a split-complementary scheme: Freezing Vapour (#D4E9F5), Pouty Purple (#E7D7EF), Lime Juice Green (#E5E896), Moon White (#EAF4FC).
What is the hex code of Rising Star?
#F7F6D5.