Flood Tetradic Color Scheme
Five colors arranged by the tetradic rule around Flood (#6677BB), each snapped to its nearest named color.
#6677BB
#BC64A4
#BBA86A
#61BA85
#ACB5DC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Flood | #6677BB | 102, 119, 187 | 228°, 38%, 57% | 45, 36, 0, 27 | |
| Young Purple | #BC64A4 | 188, 100, 164 | 316°, 40%, 56% | 0, 47, 13, 26 | |
| Sassy Green | #BBA86A | 187, 168, 106 | 46°, 37%, 57% | 0, 10, 43, 27 | |
| Green Garter | #61BA85 | 97, 186, 133 | 144°, 39%, 55% | 48, 0, 28, 27 | |
| Sassy Violet | #ACB5DC | 172, 181, 220 | 229°, 41%, 77% | 22, 18, 0, 14 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6677BB on #ACB5DC | 2.11:1 | — |
| Aa #BC64A4 on #ACB5DC | 1.89:1 | — |
| Aa #6677BB on #BBA86A | 1.81:1 | — |
| Aa #6677BB on #61BA85 | 1.80:1 | — |
| Aa #BC64A4 on #BBA86A | 1.62:1 | — |
| Aa #BC64A4 on #61BA85 | 1.61:1 | — |
CSS variables
:root {
--color-1: #6677bb; /* Flood */
--color-2: #bc64a4; /* Young Purple */
--color-3: #bba86a; /* Sassy Green */
--color-4: #61ba85; /* Green Garter */
--color-5: #acb5dc; /* Sassy Violet */
}Other schemes from Flood
- Flood Complementary Color Scheme#6677BB#A7B0D5#BBA86A#998643#DDD3AE
- Flood Analogous Color Scheme#62BAA8#69A4B9#6677BB#7366BD#A264BA
- Flood Triadic Color Scheme#6677BB#BA6873#7CBC6C#ACB5DC#8F4155
- Flood Split-complementary Color Scheme#6677BB#B98563#ACBF69#404F95#D4AC99
- Flood Monochromatic Color Scheme#2E305E#404F95#6677BB#9DA7CF#D1D6EB
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 Flood?
In a tetradic scheme: Young Purple (#BC64A4), Sassy Green (#BBA86A), Green Garter (#61BA85), Sassy Violet (#ACB5DC).
What is the hex code of Flood?
#6677BB.