Too Big to Whale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Too Big to Whale (#9596A4), each snapped to its nearest named color.
#9596A4
#B69983
#A3B48C
#575B93
#D2C1B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Too Big to Whale | #9596A4 | 149, 150, 164 | 236°, 8%, 61% | 9, 9, 0, 36 | |
| Butcher Paper | #B69983 | 182, 153, 131 | 26°, 26%, 61% | 0, 16, 28, 29 | |
| Haven | #A3B48C | 163, 180, 140 | 86°, 21%, 63% | 9, 0, 22, 29 | |
| Persian Plush | #575B93 | 87, 91, 147 | 236°, 26%, 46% | 41, 38, 0, 42 | |
| Rabbit’s Foot | #D2C1B5 | 210, 193, 181 | 25°, 24%, 77% | 0, 8, 14, 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #575B93 on #D2C1B5 | 3.62:1 | AA large |
| Aa #A3B48C on #575B93 | 2.85:1 | — |
| Aa #B69983 on #575B93 | 2.37:1 | — |
| Aa #9596A4 on #575B93 | 2.16:1 | — |
| Aa #9596A4 on #D2C1B5 | 1.68:1 | — |
| Aa #B69983 on #D2C1B5 | 1.53:1 | — |
CSS variables
:root {
--color-1: #9596a4; /* Too Big to Whale */
--color-2: #b69983; /* Butcher Paper */
--color-3: #a3b48c; /* Haven */
--color-4: #575b93; /* Persian Plush */
--color-5: #d2c1b5; /* Rabbit’s Foot */
}Other schemes from Too Big to Whale
- Too Big to Whale Complementary Color Scheme#9596A4#BABFDC#BBB286#989057#DDD9C4
- Too Big to Whale Analogous Color Scheme#85B3B2#83A0B4#9596A4#9884B9#B085B7
- Too Big to Whale Triadic Color Scheme#9596A4#B48286#89B386#C7C5DC#935A59
- Too Big to Whale Tetradic Color Scheme#9596A4#B784A7#BBB286#81B89A#C7C5DC
- Too Big to Whale Monochromatic Color Scheme#4A4B57#6C6E7E#9596A4#BDBFC8#E7E7EB
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Too Big to Whale?
In a split-complementary scheme: Butcher Paper (#B69983), Haven (#A3B48C), Persian Plush (#575B93), Rabbit’s Foot (#D2C1B5).
What is the hex code of Too Big to Whale?
#9596A4.