Huebook

Ballerina Complementary Color Scheme

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

#F2CFDC
#F8EAED
#CEF2E4
#8FE0C6
#E9F9F5

Color names and codes

NameHEXRGBHSLCMYK
Ballerina#F2CFDC242, 207, 220338°, 57%, 88%0, 14, 9, 5
Morning Shine#F8EAED248, 234, 237347°, 50%, 95%0, 6, 4, 3
Light Shutterbug#CEF2E4206, 242, 228157°, 58%, 88%15, 0, 6, 5
Clean Green#8FE0C6143, 224, 198161°, 57%, 72%36, 0, 12, 12
Melting Glacier#E9F9F5233, 249, 245165°, 57%, 95%6, 0, 2, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #8FE0C6 on #E9F9F51.42:1—
Aa #F8EAED on #8FE0C61.32:1—
Aa #F2CFDC on #E9F9F51.31:1—
Aa #CEF2E4 on #8FE0C61.28:1—
Aa #F2CFDC on #F8EAED1.22:1—
Aa #F2CFDC on #CEF2E41.18:1—

CSS variables

:root {
  --color-1: #f2cfdc; /* Ballerina */
  --color-2: #f8eaed; /* Morning Shine */
  --color-3: #cef2e4; /* Light Shutterbug */
  --color-4: #8fe0c6; /* Clean Green */
  --color-5: #e9f9f5; /* Melting Glacier */
}

Other schemes from Ballerina

More Very Light Pink complementary palettes

Questions

What colors go with Ballerina?

In a complementary scheme: Morning Shine (#F8EAED), Light Shutterbug (#CEF2E4), Clean Green (#8FE0C6), Melting Glacier (#E9F9F5).

What is the hex code of Ballerina?

#F2CFDC.