Transcendence Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Transcendence (#F8F4D8), each snapped to its nearest named color.
#F8F4D8
#DAEAF6
#E7D7EF
#EFE499
#EAF4FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Transcendence | #F8F4D8 | 248, 244, 216 | 53°, 70%, 91% | 0, 2, 13, 3 | 96.3% 0.037 100 | |
| Celestial Cathedral | #DAEAF6 | 218, 234, 246 | 206°, 61%, 91% | 11, 5, 0, 4 | 92.9% 0.024 240 | |
| Pouty Purple | #E7D7EF | 231, 215, 239 | 280°, 43%, 89% | 3, 10, 0, 6 | 89.9% 0.037 315 | |
| Lemonade | #EFE499 | 239, 228, 153 | 52°, 73%, 77% | 0, 5, 36, 6 | 91.1% 0.095 101 | |
| 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 #F8F4D8 on #E7D7EF | 1.23:1 | — |
| Aa #E7D7EF on #EAF4FC | 1.23:1 | — |
| Aa #F8F4D8 on #EFE499 | 1.17:1 | — |
| Aa #EFE499 on #EAF4FC | 1.16:1 | — |
| Aa #DAEAF6 on #E7D7EF | 1.11:1 | — |
| Aa #F8F4D8 on #DAEAF6 | 1.11:1 | — |
CSS variables
:root {
--color-1: #f8f4d8; /* Transcendence */
--color-2: #daeaf6; /* Celestial Cathedral */
--color-3: #e7d7ef; /* Pouty Purple */
--color-4: #efe499; /* Lemonade */
--color-5: #eaf4fc; /* Moon White */
}Other schemes from Transcendence
- Transcendence Complementary Color Scheme#F8F4D8#FBF9E8#DBDBF7#9BA0EF#E7EFFB
- Transcendence Analogous Color Scheme#F8D7DD#F9E5D8#F8F4D8#EDFAD9#DBF4D8
- Transcendence Triadic Color Scheme#F8F4D8#D7F5F6#F4DAF1#FBF9E8#96E2E1
- Transcendence Tetradic Color Scheme#F8F4D8#DCF4E6#DBDBF7#F9D7EE#FBF9E8
- Transcendence Monochromatic Color Scheme#E0CE57#EFE499#F8F4D8#FBF9E8#FBF9E8
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 Transcendence?
In a split-complementary scheme: Celestial Cathedral (#DAEAF6), Pouty Purple (#E7D7EF), Lemonade (#EFE499), Moon White (#EAF4FC).
What is the hex code of Transcendence?
#F8F4D8.