Huebook

Precious Complementary Color Scheme

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

#F1DAB2
#FAF6E9
#AEC9EB
#6495ED
#E7EFFB

Color names and codes

NameHEXRGBHSLCMYK
Precious#F1DAB2241, 218, 17838°, 69%, 82%0, 10, 26, 5
Sleek White#FAF6E9250, 246, 23346°, 63%, 95%0, 2, 7, 2
Tropical Blue#AEC9EB174, 201, 235213°, 60%, 80%26, 14, 0, 8
Guilliman Blue#6495ED100, 149, 237219°, 79%, 66%58, 37, 0, 7
Cotton Boll#E7EFFB231, 239, 251216°, 71%, 95%8, 5, 0, 2

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FAF6E9 on #6495ED2.75:1—
Aa #6495ED on #E7EFFB2.57:1—
Aa #F1DAB2 on #6495ED2.18:1—
Aa #AEC9EB on #6495ED1.75:1—
Aa #FAF6E9 on #AEC9EB1.57:1—
Aa #AEC9EB on #E7EFFB1.47:1—

CSS variables

:root {
  --color-1: #f1dab2; /* Precious */
  --color-2: #faf6e9; /* Sleek White */
  --color-3: #aec9eb; /* Tropical Blue */
  --color-4: #6495ed; /* Guilliman Blue */
  --color-5: #e7effb; /* Cotton Boll */
}

Other schemes from Precious

More Very Light Orange complementary palettes

Questions

What colors go with Precious?

In a complementary scheme: Sleek White (#FAF6E9), Tropical Blue (#AEC9EB), Guilliman Blue (#6495ED), Cotton Boll (#E7EFFB).

What is the hex code of Precious?

#F1DAB2.