Hyper Light Drifter Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hyper Light Drifter (#EDDBDA), each snapped to its nearest named color.
#EDDBDA
#DCEEE3
#DAE4ED
#D0A7A8
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hyper Light Drifter | #EDDBDA | 237, 219, 218 | 3°, 35%, 89% | 0, 8, 8, 7 | |
| Sparkling Brook | #DCEEE3 | 220, 238, 227 | 143°, 35%, 90% | 8, 0, 5, 7 | |
| Ocean Air | #DAE4ED | 218, 228, 237 | 208°, 35%, 89% | 8, 4, 0, 7 | |
| Baby Jane | #D0A7A8 | 208, 167, 168 | 359°, 30%, 74% | 0, 20, 19, 18 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D0A7A8 on #EFF5F1 | 1.94:1 | — |
| Aa #DCEEE3 on #D0A7A8 | 1.78:1 | — |
| Aa #DAE4ED on #D0A7A8 | 1.67:1 | — |
| Aa #EDDBDA on #D0A7A8 | 1.61:1 | — |
| Aa #EDDBDA on #EFF5F1 | 1.21:1 | — |
| Aa #DAE4ED on #EFF5F1 | 1.17:1 | — |
CSS variables
:root {
--color-1: #eddbda; /* Hyper Light Drifter */
--color-2: #dceee3; /* Sparkling Brook */
--color-3: #dae4ed; /* Ocean Air */
--color-4: #d0a7a8; /* Baby Jane */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Hyper Light Drifter
- Hyper Light Drifter Complementary Color Scheme#EDDBDA#F6EEED#DAEBEF#A6D0D6#ECF7F7
- Hyper Light Drifter Analogous Color Scheme#EFDCEB#EFDBE2#EDDBDA#ECE5DA#ECECDA
- Hyper Light Drifter Triadic Color Scheme#EDDBDA#DCEEDB#DDDCEF#F6EEED#ACCFA9
- Hyper Light Drifter Tetradic Color Scheme#EDDBDA#E1ECD9#DAEBEF#E5DBEB#F6EEED
- Hyper Light Drifter Monochromatic Color Scheme#BB7777#D0A7A8#EDDBDA#F6EEED#F6EEED
More Very Light Red split-complementary palettes
- Abloom Split-complementary Color Scheme#F1CBCD#D1F0DD#CBE1F2#E19091#EBF8EF
- Angelic Wings Split-complementary Color Scheme#F4EFEE#F0F4F2#EEF2F3#D8C1BE#F0F4F2
- Angry Ghost Split-complementary Color Scheme#EEBBBB#BBEFD3#BBD5EF#DC7B7C#E9F9F5
- Apricot Haze Split-complementary Color Scheme#FFAAAA#AFFFD5#A7D7FF#FD5956#E6FDF1
- Ballet Split-complementary Color Scheme#F7D5D4#D0F7E4#D2E2F2#EF9A93#EBFCF5
- Ballet Slippers Split-complementary Color Scheme#FCA2AD#AAFFCC#A7D7FF#FC5669#E6FDF1
- Berry Good Split-complementary Color Scheme#EDC3C5#C2ECD8#C1DAED#DD8888#EBF8EF
- Bloodthirsty Beige Split-complementary Color Scheme#F8D7D0#CFF7EF#CFDAFB#F29E8E#EBFCF5
- Blowing Kisses Split-complementary Color Scheme#F6DEE0#DDF5E7#DCECF5#E5A2AB#EBF8EF
- Blush Kiss Split-complementary Color Scheme#EABCC0#BDE7CF#BBD6EA#D78187#EBF8EF
- Blush Rush Split-complementary Color Scheme#F0BCBE#BBEFD3#BED7F0#E07C89#E9F9F5
- Butterfly Kisses Split-complementary Color Scheme#F0DEDC#DEF1E7#DAE4EE#D9A8A8#EFF5F1
Questions
What colors go with Hyper Light Drifter?
In a split-complementary scheme: Sparkling Brook (#DCEEE3), Ocean Air (#DAE4ED), Baby Jane (#D0A7A8), Heavy Sugar (#EFF5F1).
What is the hex code of Hyper Light Drifter?
#EDDBDA.