Abloom Complementary Color Scheme

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

#F1CBCD

#F9EAEB

#CCEEEE

#9BE3D7

#E7FAFA

Color names and codes

Name	HEX	RGB	HSL	CMYK
Abloom	`#F1CBCD`	241, 203, 205	357°, 58%, 87%	0, 16, 15, 5
Arrowhead White	`#F9EAEB`	249, 234, 235	356°, 56%, 95%	0, 6, 6, 2
Princess Blue Feather	`#CCEEEE`	204, 238, 238	180°, 50%, 87%	14, 0, 0, 7
Sharbah Fizz	`#9BE3D7`	155, 227, 215	170°, 56%, 75%	32, 0, 5, 11
Calm Waters	`#E7FAFA`	231, 250, 250	180°, 66%, 94%	8, 0, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F1CBCD on #E7FAFA	1.37:1	—
Aa #9BE3D7 on #E7FAFA	1.35:1	—
Aa #F1CBCD on #F9EAEB	1.27:1	—
Aa #F9EAEB on #9BE3D7	1.25:1	—
Aa #F1CBCD on #CCEEEE	1.20:1	—
Aa #CCEEEE on #9BE3D7	1.19:1	—

CSS variables

:root {
  --color-1: #f1cbcd; /* Abloom */
  --color-2: #f9eaeb; /* Arrowhead White */
  --color-3: #cceeee; /* Princess Blue Feather */
  --color-4: #9be3d7; /* Sharbah Fizz */
  --color-5: #e7fafa; /* Calm Waters */
}

Other schemes from Abloom

More Very Light Red complementary palettes

Questions

What colors go with Abloom?

In a complementary scheme: Arrowhead White (#F9EAEB), Princess Blue Feather (#CCEEEE), Sharbah Fizz (#9BE3D7), Calm Waters (#E7FAFA).

What is the hex code of Abloom?

#F1CBCD.