Fading Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fading Night (#3377CC), each snapped to its nearest named color.
#3377CC
#C93F38
#C8CD37
#26538D
#D87273
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fading Night | #3377CC | 51, 119, 204 | 213°, 60%, 50% | 75, 42, 0, 20 | |
| 100 Mph | #C93F38 | 201, 63, 56 | 3°, 57%, 50% | 0, 69, 72, 21 | |
| Yellow-Green Grosbeak | #C8CD37 | 200, 205, 55 | 62°, 60%, 51% | 2, 0, 73, 20 | |
| Vegeta Blue | #26538D | 38, 83, 141 | 214°, 58%, 35% | 73, 41, 0, 45 | |
| Lantana | #D87273 | 216, 114, 115 | 359°, 57%, 65% | 0, 47, 47, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C8CD37 on #26538D | 4.53:1 | AA |
| Aa #C93F38 on #C8CD37 | 2.88:1 | — |
| Aa #3377CC on #C8CD37 | 2.63:1 | — |
| Aa #26538D on #D87273 | 2.43:1 | — |
| Aa #C8CD37 on #D87273 | 1.86:1 | — |
| Aa #3377CC on #26538D | 1.72:1 | — |
CSS variables
:root {
--color-1: #3377cc; /* Fading Night */
--color-2: #c93f38; /* 100 Mph */
--color-3: #c8cd37; /* Yellow-Green Grosbeak */
--color-4: #26538d; /* Vegeta Blue */
--color-5: #d87273; /* Lantana */
}Other schemes from Fading Night
- Fading Night Complementary Color Scheme#3377CC#7DABD8#CC8833#905E26#E3B982
- Fading Night Analogous Color Scheme#22CC88#22C1D5#3377CC#243BCD#9632CE
- Fading Night Triadic Color Scheme#3377CC#CF3476#7DC734#88ACE0#882055
- Fading Night Tetradic Color Scheme#3377CC#CC33CC#CC8833#32CD32#88ACE0
- Fading Night Monochromatic Color Scheme#1B3053#26538D#3377CC#71A2D4#AEC9EB
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Fading Night?
In a split-complementary scheme: 100 Mph (#C93F38), Yellow-Green Grosbeak (#C8CD37), Vegeta Blue (#26538D), Lantana (#D87273).
What is the hex code of Fading Night?
#3377CC.