Blue Triumph Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Triumph (#4376AB), each snapped to its nearest named color.
#4376AB
#AB4343
#A5A943
#284C75
#C97376
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Triumph | #4376AB | 67, 118, 171 | 211°, 44%, 47% | 61, 31, 0, 33 | |
| Daredevil | #AB4343 | 171, 67, 67 | 0°, 44%, 47% | 0, 61, 61, 33 | |
| Delightful Camouflage | #A5A943 | 165, 169, 67 | 62°, 43%, 46% | 2, 0, 60, 34 | |
| Mykonos Reflection | #284C75 | 40, 76, 117 | 212°, 49%, 31% | 66, 35, 0, 54 | |
| Pink Dazzle | #C97376 | 201, 115, 118 | 358°, 44%, 62% | 0, 43, 41, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A5A943 on #284C75 | 3.51:1 | AA large |
| Aa #284C75 on #C97376 | 2.60:1 | — |
| Aa #AB4343 on #A5A943 | 2.31:1 | — |
| Aa #4376AB on #A5A943 | 1.89:1 | — |
| Aa #4376AB on #284C75 | 1.86:1 | — |
| Aa #AB4343 on #C97376 | 1.71:1 | — |
CSS variables
:root {
--color-1: #4376ab; /* Blue Triumph */
--color-2: #ab4343; /* Daredevil */
--color-3: #a5a943; /* Delightful Camouflage */
--color-4: #284c75; /* Mykonos Reflection */
--color-5: #c97376; /* Pink Dazzle */
}Other schemes from Blue Triumph
- Blue Triumph Complementary Color Scheme#4376AB#7AA3CC#AB7741#73532A#CCAC86
- Blue Triumph Analogous Color Scheme#44AA77#43A7AA#4376AB#4A40AD#724AA1
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
- Blue Triumph Monochromatic Color Scheme#172B36#284C75#4376AB#779ECB#A8C6DE
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
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Blue Triumph?
In a split-complementary scheme: Daredevil (#AB4343), Delightful Camouflage (#A5A943), Mykonos Reflection (#284C75), Pink Dazzle (#C97376).
What is the hex code of Blue Triumph?
#4376AB.