Canadian Tuxedo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Canadian Tuxedo (#579ACA), each snapped to its nearest named color.
#579ACA
#D25762
#CCC050
#3377A2
#DC9399
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Canadian Tuxedo | #579ACA | 87, 154, 202 | 205°, 52%, 57% | 57, 24, 0, 21 | |
| Tandoori Red | #D25762 | 210, 87, 98 | 355°, 58%, 58% | 0, 59, 53, 18 | |
| Sulphur Yellow | #CCC050 | 204, 192, 80 | 54°, 55%, 56% | 0, 6, 61, 20 | |
| Taiwan Blue Magpie | #3377A2 | 51, 119, 162 | 203°, 52%, 42% | 69, 27, 0, 36 | |
| Dancer | #DC9399 | 220, 147, 153 | 355°, 51%, 72% | 0, 33, 30, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CCC050 on #3377A2 | 2.61:1 | — |
| Aa #D25762 on #CCC050 | 2.13:1 | — |
| Aa #3377A2 on #DC9399 | 2.02:1 | — |
| Aa #D25762 on #DC9399 | 1.64:1 | — |
| Aa #579ACA on #CCC050 | 1.63:1 | — |
| Aa #579ACA on #3377A2 | 1.60:1 | — |
CSS variables
:root {
--color-1: #579aca; /* Canadian Tuxedo */
--color-2: #d25762; /* Tandoori Red */
--color-3: #ccc050; /* Sulphur Yellow */
--color-4: #3377a2; /* Taiwan Blue Magpie */
--color-5: #dc9399; /* Dancer */
}Other schemes from Canadian Tuxedo
- Canadian Tuxedo Complementary Color Scheme#579ACA#9BC4E2#CC8855#A56531#E0BFA5
- Canadian Tuxedo Analogous Color Scheme#54C589#53CBC4#579ACA#5566CC#8659C2
- Canadian Tuxedo Triadic Color Scheme#579ACA#D15B9B#9FC65E#A6C9E3#AA3377
- Canadian Tuxedo Tetradic Color Scheme#579ACA#C255C1#CC8855#62D84E#A6C9E3
- Canadian Tuxedo Monochromatic Color Scheme#204D68#3377A2#579ACA#94BBDA#CBE1EE
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 Canadian Tuxedo?
In a split-complementary scheme: Tandoori Red (#D25762), Sulphur Yellow (#CCC050), Taiwan Blue Magpie (#3377A2), Dancer (#DC9399).
What is the hex code of Canadian Tuxedo?
#579ACA.