Surgical Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Surgical (#59A4C1), each snapped to its nearest named color.
#59A4C1
#C45971
#C0A85A
#377D95
#D194A1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Surgical | #59A4C1 | 89, 164, 193 | 197°, 46%, 55% | 54, 15, 0, 24 | |
| Mon Cher Ami | #C45971 | 196, 89, 113 | 347°, 48%, 56% | 0, 55, 42, 23 | |
| Yellow Maize | #C0A85A | 192, 168, 90 | 46°, 45%, 55% | 0, 13, 53, 25 | |
| Blue Rodeo | #377D95 | 55, 125, 149 | 195°, 46%, 40% | 63, 16, 0, 42 | |
| Madagascar Pink | #D194A1 | 209, 148, 161 | 347°, 40%, 70% | 0, 29, 23, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C0A85A on #377D95 | 1.98:1 | — |
| Aa #377D95 on #D194A1 | 1.87:1 | — |
| Aa #C45971 on #C0A85A | 1.79:1 | — |
| Aa #C45971 on #D194A1 | 1.69:1 | — |
| Aa #59A4C1 on #377D95 | 1.66:1 | — |
| Aa #59A4C1 on #C45971 | 1.50:1 | — |
CSS variables
:root {
--color-1: #59a4c1; /* Surgical */
--color-2: #c45971; /* Mon Cher Ami */
--color-3: #c0a85a; /* Yellow Maize */
--color-4: #377d95; /* Blue Rodeo */
--color-5: #d194a1; /* Madagascar Pink */
}Other schemes from Surgical
- Surgical Complementary Color Scheme#59A4C1#9CC9D4#C57556#975437#DAB2A4
- Surgical Analogous Color Scheme#54C571#58C6AB#59A4C1#5D76CB#7A58C1
- Surgical Triadic Color Scheme#59A4C1#CE5DAE#A3C05A#A6CDDE#97397F
- Surgical Tetradic Color Scheme#59A4C1#A259CE#C57556#79C753#A6CDDE
- Surgical Monochromatic Color Scheme#254E5D#377D95#59A4C1#92C6D7#C9E0EA
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 Surgical?
In a split-complementary scheme: Mon Cher Ami (#C45971), Yellow Maize (#C0A85A), Blue Rodeo (#377D95), Madagascar Pink (#D194A1).
What is the hex code of Surgical?
#59A4C1.