Crusade King Analogous Color Scheme
Five colors arranged by the analogous rule around Crusade King (#DBC364), each snapped to its nearest named color.
#DD6677
#DD8866
#DBC364
#B5D96B
#77DD77
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Feverish | #DD6677 | 221, 102, 119 | 351°, 64%, 63% | 0, 54, 46, 13 | 65.9% 0.149 13 | |
| Midnight in Saigon | #DD8866 | 221, 136, 102 | 17°, 64%, 63% | 0, 38, 54, 13 | 70.8% 0.115 42 | |
| Crusade King | #DBC364 | 219, 195, 100 | 48°, 62%, 63% | 0, 11, 54, 14 | 81.8% 0.119 95 | |
| Melissa | #B5D96B | 181, 217, 107 | 80°, 59%, 64% | 17, 0, 51, 15 | 83.6% 0.143 124 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | 81.2% 0.169 144 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD6677 on #B5D96B | 2.10:1 | — |
| Aa #DD6677 on #77DD77 | 1.99:1 | — |
| Aa #DD6677 on #DBC364 | 1.92:1 | — |
| Aa #DD8866 on #B5D96B | 1.68:1 | — |
| Aa #DD8866 on #77DD77 | 1.59:1 | — |
| Aa #DD8866 on #DBC364 | 1.54:1 | — |
CSS variables
:root {
--color-1: #dd6677; /* Feverish */
--color-2: #dd8866; /* Midnight in Saigon */
--color-3: #dbc364; /* Crusade King */
--color-4: #b5d96b; /* Melissa */
--color-5: #77dd77; /* Pastel Green */
}Other schemes from Crusade King
- Crusade King Complementary Color Scheme#DBC364#EDE0AE#6F6ED1#214FC6#B7C0EA
- Crusade King Triadic Color Scheme#DBC364#66D0C0#CC66DD#ECE2B7#34C2A7
- Crusade King Split-complementary Color Scheme#DBC364#66BBDD#9370DB#C6AA2B#A4D4EC
- Crusade King Tetradic Color Scheme#DBC364#6ADC99#6F6ED1#DD66BB#ECE2B7
- Crusade King Monochromatic Color Scheme#8E7618#C6AA2B#DBC364#E6DAA6#F7F3E0
More light yellow analogous color schemes
- Alligator Alley Analogous Color Scheme#D5877E#D2B17A#C5D17B#9DCA7B#78CF86
- Ancient Treasure Analogous Color Scheme#E9819A#E79E88#E7D082#C6EA80#94E089
- Animal Kingdom Analogous Color Scheme#C1A097#C4B49C#BCC09E#AAC69A#9FC5AA
- Anna Banana Analogous Color Scheme#EE4466#FA7F46#F5D547#A6FD44#66FF55
- April Showers Analogous Color Scheme#DFB7B4#DCCDB4#DADEB5#C5DCB3#B6DBBF
- Ash Analogous Color Scheme#CA9FA5#C6AC9F#BEBAA7#B8CA9D#AAC69A
- Aurora Analogous Color Scheme#EB4962#EB7E4D#EBD147#A7E142#70F15E
- Banana Analogous Color Scheme#FE7B7C#FFB978#FFFC79#BEFD73#77FF77
- Banana Drama Analogous Color Scheme#EB4962#EF8144#F1D548#A6FD44#66FF55
- Banana Frappé Analogous Color Scheme#DAB7BE#DDC3B6#DDD5B6#CFDDB9#BCDDB3
- Beekeeper Analogous Color Scheme#F590A0#F4B58F#F6E491#D8F19C#B1FC99
- Beige Analogous Color Scheme#E5A5B1#E8B9A5#E6DAA6#D9E6A6#B1E5AA
Questions
What colors go with Crusade King?
In a analogous scheme: Feverish (#DD6677), Midnight in Saigon (#DD8866), Melissa (#B5D96B), Pastel Green (#77DD77).
What is the hex code of Crusade King?
#DBC364.