Grapefruit Complementary Color Scheme

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

#FD5956

#FFB3B1

#53F6FF

#0FFEF9

#BBFFFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Grapefruit	`#FD5956`	253, 89, 86	1°, 98%, 66%	0, 65, 66, 1
Wildflower Bouquet	`#FFB3B1`	255, 179, 177	2°, 100%, 85%	0, 30, 31, 0
Frozen Turquoise	`#53F6FF`	83, 246, 255	183°, 100%, 66%	67, 4, 0, 0
Kaltes Klares Wasser	`#0FFEF9`	15, 254, 249	179°, 99%, 53%	94, 0, 2, 0
The Big Freeze	`#BBFFFF`	187, 255, 255	180°, 100%, 87%	27, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FD5956 on #BBFFFF	2.80:1	—
Aa #FD5956 on #0FFEF9	2.46:1	—
Aa #FD5956 on #53F6FF	2.37:1	—
Aa #FD5956 on #FFB3B1	1.83:1	—
Aa #FFB3B1 on #BBFFFF	1.53:1	—
Aa #FFB3B1 on #0FFEF9	1.34:1	—

CSS variables

:root {
  --color-1: #fd5956; /* Grapefruit */
  --color-2: #ffb3b1; /* Wildflower Bouquet */
  --color-3: #53f6ff; /* Frozen Turquoise */
  --color-4: #0ffef9; /* Kaltes Klares Wasser */
  --color-5: #bbffff; /* The Big Freeze */
}

Other schemes from Grapefruit

More Light Red complementary palettes

Questions

What colors go with Grapefruit?

In a complementary scheme: Wildflower Bouquet (#FFB3B1), Frozen Turquoise (#53F6FF), Kaltes Klares Wasser (#0FFEF9), The Big Freeze (#BBFFFF).

What is the hex code of Grapefruit?

#FD5956.