Catfish Complementary Color Scheme

Five colors arranged by the complementary rule around Catfish (#657D82), each snapped to its nearest named color.

#657D82

#8BB6B8

#956159

#63403A

#B5998E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Catfish	`#657D82`	101, 125, 130	190°, 13%, 45%	22, 4, 0, 49
Summit	`#8BB6B8`	139, 182, 184	183°, 24%, 63%	24, 1, 0, 28
Brick Hearth	`#956159`	149, 97, 89	8°, 25%, 47%	0, 35, 40, 42
American Milking Devon	`#63403A`	99, 64, 58	9°, 26%, 31%	0, 35, 41, 61
Del Rio	`#B5998E`	181, 153, 142	17°, 21%, 63%	0, 15, 22, 29

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8BB6B8 on #63403A	4.08:1	AA large
Aa #63403A on #B5998E	3.40:1	AA large
Aa #8BB6B8 on #956159	2.29:1	—
Aa #657D82 on #63403A	2.07:1	—
Aa #657D82 on #8BB6B8	1.97:1	—
Aa #956159 on #B5998E	1.91:1	—

CSS variables

:root {
  --color-1: #657d82; /* Catfish */
  --color-2: #8bb6b8; /* Summit */
  --color-3: #956159; /* Brick Hearth */
  --color-4: #63403a; /* American Milking Devon */
  --color-5: #b5998e; /* Del Rio */
}

Other schemes from Catfish

More Medium Teal complementary palettes

Questions

What colors go with Catfish?

In a complementary scheme: Summit (#8BB6B8), Brick Hearth (#956159), American Milking Devon (#63403A), Del Rio (#B5998E).

What is the hex code of Catfish?

#657D82.