Flood Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Flood (#6677BB), each snapped to its nearest named color.
#6677BB
#B98563
#ACBF69
#404F95
#D4AC99
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Flood | #6677BB | 102, 119, 187 | 228°, 38%, 57% | 45, 36, 0, 27 | |
| Cognac Brown | #B98563 | 185, 133, 99 | 24°, 38%, 56% | 0, 28, 46, 27 | |
| Light Olive | #ACBF69 | 172, 191, 105 | 73°, 40%, 58% | 10, 0, 45, 25 | |
| Deep Ultramarine | #404F95 | 64, 79, 149 | 229°, 40%, 42% | 57, 47, 0, 42 | |
| Hayride | #D4AC99 | 212, 172, 153 | 19°, 41%, 72% | 0, 19, 28, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ACBF69 on #404F95 | 3.76:1 | AA large |
| Aa #404F95 on #D4AC99 | 3.67:1 | AA large |
| Aa #B98563 on #404F95 | 2.38:1 | — |
| Aa #6677BB on #ACBF69 | 2.12:1 | — |
| Aa #6677BB on #D4AC99 | 2.06:1 | — |
| Aa #6677BB on #404F95 | 1.78:1 | — |
CSS variables
:root {
--color-1: #6677bb; /* Flood */
--color-2: #b98563; /* Cognac Brown */
--color-3: #acbf69; /* Light Olive */
--color-4: #404f95; /* Deep Ultramarine */
--color-5: #d4ac99; /* Hayride */
}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 Tetradic Color Scheme#6677BB#BC64A4#BBA86A#61BA85#ACB5DC
- Flood Monochromatic Color Scheme#2E305E#404F95#6677BB#9DA7CF#D1D6EB
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 Flood?
In a split-complementary scheme: Cognac Brown (#B98563), Light Olive (#ACBF69), Deep Ultramarine (#404F95), Hayride (#D4AC99).
What is the hex code of Flood?
#6677BB.