Flood Triadic Color Scheme
Five colors arranged by the triadic rule around Flood (#6677BB), each snapped to its nearest named color.
#6677BB
#BA6873
#7CBC6C
#ACB5DC
#8F4155
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Flood | #6677BB | 102, 119, 187 | 228°, 38%, 57% | 45, 36, 0, 27 | |
| Dusky Rose | #BA6873 | 186, 104, 115 | 352°, 37%, 57% | 0, 44, 38, 27 | |
| Primo | #7CBC6C | 124, 188, 108 | 108°, 37%, 58% | 34, 0, 43, 26 | |
| Sassy Violet | #ACB5DC | 172, 181, 220 | 229°, 41%, 77% | 22, 18, 0, 14 | |
| Umemurasaki Purple | #8F4155 | 143, 65, 85 | 345°, 38%, 41% | 0, 55, 41, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ACB5DC on #8F4155 | 3.40:1 | AA large |
| Aa #7CBC6C on #8F4155 | 3.03:1 | AA large |
| Aa #6677BB on #ACB5DC | 2.11:1 | — |
| Aa #BA6873 on #ACB5DC | 1.96:1 | — |
| Aa #6677BB on #7CBC6C | 1.88:1 | — |
| Aa #BA6873 on #7CBC6C | 1.74:1 | — |
CSS variables
:root {
--color-1: #6677bb; /* Flood */
--color-2: #ba6873; /* Dusky Rose */
--color-3: #7cbc6c; /* Primo */
--color-4: #acb5dc; /* Sassy Violet */
--color-5: #8f4155; /* Umemurasaki Purple */
}Other schemes from Flood
- Flood Complementary Color Scheme#6677BB#A7B0D5#BBA86A#998643#DDD3AE
- Flood Analogous Color Scheme#62BAA8#69A4B9#6677BB#7366BD#A264BA
- Flood Split-complementary Color Scheme#6677BB#B98563#ACBF69#404F95#D4AC99
- Flood Tetradic Color Scheme#6677BB#BC64A4#BBA86A#61BA85#ACB5DC
- Flood Monochromatic Color Scheme#2E305E#404F95#6677BB#9DA7CF#D1D6EB
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 Flood?
In a triadic scheme: Dusky Rose (#BA6873), Primo (#7CBC6C), Sassy Violet (#ACB5DC), Umemurasaki Purple (#8F4155).
What is the hex code of Flood?
#6677BB.