Huebook

Golden Opportunity Complementary Color Scheme

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

#F7C070
#FBE6C7
#77AAFF
#247AFD
#CCE2F3

Color names and codes

NameHEXRGBHSLCMYK
Golden Opportunity#F7C070247, 192, 11236°, 89%, 70%0, 22, 55, 3
Light Nougat#FBE6C7251, 230, 19936°, 87%, 88%0, 8, 21, 2
Fennel Flower#77AAFF119, 170, 255218°, 100%, 73%53, 33, 0, 0
Clear Blue#247AFD36, 122, 253216°, 98%, 57%86, 52, 0, 1
Salty Ice#CCE2F3204, 226, 243206°, 62%, 88%16, 7, 0, 5

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FBE6C7 on #247AFD3.27:1AA large
Aa #247AFD on #CCE2F32.98:1—
Aa #F7C070 on #247AFD2.41:1—
Aa #FBE6C7 on #77AAFF1.92:1—
Aa #77AAFF on #CCE2F31.75:1—
Aa #77AAFF on #247AFD1.70:1—

CSS variables

:root {
  --color-1: #f7c070; /* Golden Opportunity */
  --color-2: #fbe6c7; /* Light Nougat */
  --color-3: #77aaff; /* Fennel Flower */
  --color-4: #247afd; /* Clear Blue */
  --color-5: #cce2f3; /* Salty Ice */
}

Other schemes from Golden Opportunity

More Light Orange complementary palettes

Questions

What colors go with Golden Opportunity?

In a complementary scheme: Light Nougat (#FBE6C7), Fennel Flower (#77AAFF), Clear Blue (#247AFD), Salty Ice (#CCE2F3).

What is the hex code of Golden Opportunity?

#F7C070.