Catfish Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Catfish (#657D82), each snapped to its nearest named color.
#657D82
#8D576D
#8E7B58
#3B5861
#B28392
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Catfish | #657D82 | 101, 125, 130 | 190°, 13%, 45% | 22, 4, 0, 49 | |
| Majestic Orchid | #8D576D | 141, 87, 109 | 336°, 24%, 45% | 0, 38, 23, 45 | |
| Woven Basket | #8E7B58 | 142, 123, 88 | 39°, 23%, 45% | 0, 13, 38, 44 | |
| Autumn Night | #3B5861 | 59, 88, 97 | 194°, 24%, 31% | 39, 9, 0, 62 | |
| Noble Lilac | #B28392 | 178, 131, 146 | 341°, 23%, 61% | 0, 26, 18, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3B5861 on #B28392 | 2.38:1 | — |
| Aa #8E7B58 on #3B5861 | 1.86:1 | — |
| Aa #8D576D on #B28392 | 1.76:1 | — |
| Aa #657D82 on #3B5861 | 1.75:1 | — |
| Aa #8D576D on #8E7B58 | 1.38:1 | — |
| Aa #657D82 on #B28392 | 1.36:1 | — |
CSS variables
:root {
--color-1: #657d82; /* Catfish */
--color-2: #8d576d; /* Majestic Orchid */
--color-3: #8e7b58; /* Woven Basket */
--color-4: #3b5861; /* Autumn Night */
--color-5: #b28392; /* Noble Lilac */
}Other schemes from Catfish
- Catfish Complementary Color Scheme#657D82#8BB6B8#956159#63403A#B5998E
- Catfish Analogous Color Scheme#559260#54927E#657D82#576D8E#625C91
- Catfish Triadic Color Scheme#657D82#8B5987#898E58#91B2BC#613A57
- Catfish Tetradic Color Scheme#657D82#7B5D92#956159#69905B#91B2BC
- Catfish Monochromatic Color Scheme#232B2B#425357#657D82#8AA1A6#B7C5C6
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Catfish?
In a split-complementary scheme: Majestic Orchid (#8D576D), Woven Basket (#8E7B58), Autumn Night (#3B5861), Noble Lilac (#B28392).
What is the hex code of Catfish?
#657D82.