Canadian Tuxedo Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Canadian Tuxedo (#579ACA), each snapped to its nearest named color.
#204D68
#3377A2
#579ACA
#94BBDA
#CBE1EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Seafarer | #204D68 | 32, 77, 104 | 203°, 53%, 27% | 69, 26, 0, 59 | |
| Taiwan Blue Magpie | #3377A2 | 51, 119, 162 | 203°, 52%, 42% | 69, 27, 0, 36 | |
| Canadian Tuxedo | #579ACA | 87, 154, 202 | 205°, 52%, 57% | 57, 24, 0, 21 | |
| Manakin | #94BBDA | 148, 187, 218 | 207°, 49%, 72% | 32, 14, 0, 15 | |
| Atlantic Breeze | #CBE1EE | 203, 225, 238 | 202°, 51%, 86% | 15, 5, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #204D68 on #CBE1EE | 6.69:1 | AA |
| Aa #204D68 on #94BBDA | 4.47:1 | AA large |
| Aa #3377A2 on #CBE1EE | 3.61:1 | AA large |
| Aa #204D68 on #579ACA | 2.96:1 | — |
| Aa #3377A2 on #94BBDA | 2.41:1 | — |
| Aa #579ACA on #CBE1EE | 2.26:1 | — |
CSS variables
:root {
--color-1: #204d68; /* Seafarer */
--color-2: #3377a2; /* Taiwan Blue Magpie */
--color-3: #579aca; /* Canadian Tuxedo */
--color-4: #94bbda; /* Manakin */
--color-5: #cbe1ee; /* Atlantic Breeze */
}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 Split-complementary Color Scheme#579ACA#D25762#CCC050#3377A2#DC9399
- Canadian Tuxedo Tetradic Color Scheme#579ACA#C255C1#CC8855#62D84E#A6C9E3
More Medium Blue monochromatic palettes
- Admiral Blue Monochromatic Color Scheme#161820#353F51#50647F#758BA4#A4B0C4
- Aster Monochromatic Color Scheme#3D3354#645681#867BA9#ADA7C8#DBD7E4
- Azure Monochromatic Color Scheme#003366#095BAF#007FFF#55AAFF#99CCFF
- Bay View Monochromatic Color Scheme#2D3544#4A5A6F#6A819E#99AABB#C7D0DA
- Beach View Monochromatic Color Scheme#1B2632#324C61#4F7694#789BB6#ACC2D1
- Bellflower Monochromatic Color Scheme#282A4A#4B4775#5D66AA#8E97C7#C2C7DB
- Blasphemous Blue Monochromatic Color Scheme#0E1D32#243F6C#3356AA#5D76CB#88ACE0
- Blue Monochromatic Color Scheme#000066#0000BB#0000FF#4D4DFF#9999FF
- Blue Burst Monochromatic Color Scheme#123D55#256D8D#309CD0#74B8DE#AED9EC
- Blue Overdose Monochromatic Color Scheme#001155#0018A8#0020EF#265EF7#8F99FB
- Blue Ribbon Monochromatic Color Scheme#002868#0048BA#0066FF#5097FC#99CCFF
- Blue Triumph Monochromatic Color Scheme#172B36#284C75#4376AB#779ECB#A8C6DE
Questions
What colors go with Canadian Tuxedo?
In a monochromatic scheme: Seafarer (#204D68), Taiwan Blue Magpie (#3377A2), Manakin (#94BBDA), Atlantic Breeze (#CBE1EE).
What is the hex code of Canadian Tuxedo?
#579ACA.