Huebook

Yours Truly Triadic Color Scheme

Five colors arranged by the triadic rule around Yours Truly (#FBD9CD), each snapped to its nearest named color.

#FBD9CD
#CCFFDD
#DCD0FF
#FBEEE8
#87F8A3

Color names and codes

NameHEXRGBHSLCMYK
Yours Truly#FBD9CD251, 217, 20516°, 85%, 89%0, 14, 18, 2
Mint Zest#CCFFDD204, 255, 221140°, 100%, 90%20, 0, 13, 0
Pale Lavender#DCD0FF220, 208, 255255°, 100%, 91%14, 18, 0, 0
Rose White#FBEEE8251, 238, 23219°, 70%, 95%0, 5, 8, 2
Mild Menthol#87F8A3135, 248, 163135°, 89%, 75%46, 0, 34, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #CCFFDD on #DCD0FF1.30:1—
Aa #DCD0FF on #FBEEE81.27:1—
Aa #FBD9CD on #CCFFDD1.19:1—
Aa #CCFFDD on #87F8A31.18:1—
Aa #FBD9CD on #FBEEE81.16:1—
Aa #FBEEE8 on #87F8A31.16:1—

CSS variables

:root {
  --color-1: #fbd9cd; /* Yours Truly */
  --color-2: #ccffdd; /* Mint Zest */
  --color-3: #dcd0ff; /* Pale Lavender */
  --color-4: #fbeee8; /* Rose White */
  --color-5: #87f8a3; /* Mild Menthol */
}

Other schemes from Yours Truly

More Very Light Orange triadic palettes

Questions

What colors go with Yours Truly?

In a triadic scheme: Mint Zest (#CCFFDD), Pale Lavender (#DCD0FF), Rose White (#FBEEE8), Mild Menthol (#87F8A3).

What is the hex code of Yours Truly?

#FBD9CD.