Huebook

Sablé Triadic Color Scheme

Five colors arranged by the triadic rule around Sablé (#F6D8BE), each snapped to its nearest named color.

#F6D8BE
#B8F8D8
#D8B8F8
#FBF4E8
#77EEBB

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Sablé#F6D8BE246, 216, 19028°, 76%, 85%0, 12, 23, 490.1% 0.048 63
Seafair Green#B8F8D8184, 248, 216150°, 82%, 85%26, 0, 13, 392.7% 0.078 163
Pink Illusion#D8B8F8216, 184, 248270°, 82%, 85%13, 26, 0, 383.2% 0.094 307
White Fever#FBF4E8251, 244, 23238°, 70%, 95%0, 3, 8, 296.9% 0.018 81
Jittery Jade#77EEBB119, 238, 187154°, 78%, 70%50, 0, 21, 786.6% 0.131 163

Which pairs work for text

Text on backgroundContrastWCAG
Aa #D8B8F8 on #FBF4E81.58:1—
Aa #B8F8D8 on #D8B8F81.44:1—
Aa #FBF4E8 on #77EEBB1.30:1—
Aa #F6D8BE on #D8B8F81.28:1—
Aa #F6D8BE on #FBF4E81.24:1—
Aa #D8B8F8 on #77EEBB1.21:1—

CSS variables

:root {
  --color-1: #f6d8be; /* Sablé */
  --color-2: #b8f8d8; /* Seafair Green */
  --color-3: #d8b8f8; /* Pink Illusion */
  --color-4: #fbf4e8; /* White Fever */
  --color-5: #77eebb; /* Jittery Jade */
}

Other schemes from Sablé

More very light orange triadic color schemes

Questions

What colors go with Sablé?

In a triadic scheme: Seafair Green (#B8F8D8), Pink Illusion (#D8B8F8), White Fever (#FBF4E8), Jittery Jade (#77EEBB).

What is the hex code of Sablé?

#F6D8BE.