Surgical Tetradic Color Scheme
Five colors arranged by the tetradic rule around Surgical (#59A4C1), each snapped to its nearest named color.
#59A4C1
#A259CE
#C57556
#79C753
#A6CDDE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Surgical | #59A4C1 | 89, 164, 193 | 197°, 46%, 55% | 54, 15, 0, 24 | |
| Ripe Lavander | #A259CE | 162, 89, 206 | 277°, 54%, 58% | 21, 57, 0, 19 | |
| Spanish Peanut | #C57556 | 197, 117, 86 | 17°, 49%, 55% | 0, 41, 56, 23 | |
| Green Flash | #79C753 | 121, 199, 83 | 100°, 51%, 55% | 39, 0, 58, 22 | |
| Carefree Sky | #A6CDDE | 166, 205, 222 | 198°, 46%, 76% | 25, 8, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A259CE on #A6CDDE | 2.56:1 | — |
| Aa #A259CE on #79C753 | 2.08:1 | — |
| Aa #C57556 on #A6CDDE | 2.05:1 | — |
| Aa #C57556 on #79C753 | 1.67:1 | — |
| Aa #59A4C1 on #A6CDDE | 1.65:1 | — |
| Aa #59A4C1 on #A259CE | 1.55:1 | — |
CSS variables
:root {
--color-1: #59a4c1; /* Surgical */
--color-2: #a259ce; /* Ripe Lavander */
--color-3: #c57556; /* Spanish Peanut */
--color-4: #79c753; /* Green Flash */
--color-5: #a6cdde; /* Carefree Sky */
}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 Split-complementary Color Scheme#59A4C1#C45971#C0A85A#377D95#D194A1
- Surgical Monochromatic Color Scheme#254E5D#377D95#59A4C1#92C6D7#C9E0EA
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
Questions
What colors go with Surgical?
In a tetradic scheme: Ripe Lavander (#A259CE), Spanish Peanut (#C57556), Green Flash (#79C753), Carefree Sky (#A6CDDE).
What is the hex code of Surgical?
#59A4C1.