Surgical Triadic Color Scheme
Five colors arranged by the triadic rule around Surgical (#59A4C1), each snapped to its nearest named color.
#59A4C1
#CE5DAE
#A3C05A
#A6CDDE
#97397F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Surgical | #59A4C1 | 89, 164, 193 | 197°, 46%, 55% | 54, 15, 0, 24 | |
| Pú Táo Zǐ Purple | #CE5DAE | 206, 93, 174 | 317°, 54%, 59% | 0, 55, 16, 19 | |
| Sapling | #A3C05A | 163, 192, 90 | 77°, 45%, 55% | 15, 0, 53, 25 | |
| Carefree Sky | #A6CDDE | 166, 205, 222 | 198°, 46%, 76% | 25, 8, 0, 13 | |
| Purple Wine | #97397F | 151, 57, 127 | 315°, 45%, 41% | 0, 62, 16, 41 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A6CDDE on #97397F | 3.87:1 | AA large |
| Aa #A3C05A on #97397F | 3.19:1 | AA large |
| Aa #59A4C1 on #97397F | 2.34:1 | — |
| Aa #CE5DAE on #A6CDDE | 2.14:1 | — |
| Aa #CE5DAE on #97397F | 1.81:1 | — |
| Aa #CE5DAE on #A3C05A | 1.77:1 | — |
CSS variables
:root {
--color-1: #59a4c1; /* Surgical */
--color-2: #ce5dae; /* Pú Táo Zǐ Purple */
--color-3: #a3c05a; /* Sapling */
--color-4: #a6cdde; /* Carefree Sky */
--color-5: #97397f; /* Purple Wine */
}Other schemes from Surgical
- Surgical Complementary Color Scheme#59A4C1#9CC9D4#C57556#975437#DAB2A4
- Surgical Analogous Color Scheme#54C571#58C6AB#59A4C1#5D76CB#7A58C1
- Surgical Split-complementary Color Scheme#59A4C1#C45971#C0A85A#377D95#D194A1
- Surgical Tetradic Color Scheme#59A4C1#A259CE#C57556#79C753#A6CDDE
- Surgical Monochromatic Color Scheme#254E5D#377D95#59A4C1#92C6D7#C9E0EA
More Medium Blue triadic palettes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
Questions
What colors go with Surgical?
In a triadic scheme: Pú Táo Zǐ Purple (#CE5DAE), Sapling (#A3C05A), Carefree Sky (#A6CDDE), Purple Wine (#97397F).
What is the hex code of Surgical?
#59A4C1.