Dolphin Complementary Color Scheme

Five colors arranged by the complementary rule around Dolphin (#86C4DA), each snapped to its nearest named color.

#86C4DA

#CFE5F0

#D99B82

#C76B4A

#F0DBD5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Dolphin	`#86C4DA`	134, 196, 218	196°, 53%, 69%	39, 10, 0, 15
First Frost	`#CFE5F0`	207, 229, 240	200°, 52%, 88%	14, 5, 0, 6
Pinkish Tan	`#D99B82`	217, 155, 130	17°, 53%, 68%	0, 29, 40, 15
Tile Red	`#C76B4A`	199, 107, 74	16°, 53%, 54%	0, 46, 63, 22
Porcelain Blush	`#F0DBD5`	240, 219, 213	13°, 47%, 89%	0, 9, 11, 6

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CFE5F0 on #C76B4A	2.86:1	—
Aa #C76B4A on #F0DBD5	2.81:1	—
Aa #86C4DA on #C76B4A	1.94:1	—
Aa #CFE5F0 on #D99B82	1.80:1	—
Aa #D99B82 on #F0DBD5	1.76:1	—
Aa #D99B82 on #C76B4A	1.59:1	—

CSS variables

:root {
  --color-1: #86c4da; /* Dolphin */
  --color-2: #cfe5f0; /* First Frost */
  --color-3: #d99b82; /* Pinkish Tan */
  --color-4: #c76b4a; /* Tile Red */
  --color-5: #f0dbd5; /* Porcelain Blush */
}

Other schemes from Dolphin

More Light Blue complementary palettes

Questions

What colors go with Dolphin?

In a complementary scheme: First Frost (#CFE5F0), Pinkish Tan (#D99B82), Tile Red (#C76B4A), Porcelain Blush (#F0DBD5).

What is the hex code of Dolphin?

#86C4DA.