Huebook

Soft Butter Triadic Color Scheme

Five colors arranged by the triadic rule around Soft Butter (#F4E1B6), each snapped to its nearest named color.

#F4E1B6
#B0EEE2
#E9AEF2
#FAF6E9
#7EF4CC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Soft Butter#F4E1B6244, 225, 18242°, 74%, 84%0, 8, 25, 491.5% 0.060 87
East Cape#B0EEE2176, 238, 226168°, 65%, 81%26, 0, 5, 790.4% 0.065 182
Candy Dreams#E9AEF2233, 174, 242292°, 72%, 82%4, 28, 0, 582.7% 0.112 322
Sleek White#FAF6E9250, 246, 23346°, 63%, 95%0, 2, 7, 297.3% 0.018 93
Light Turquoise#7EF4CC126, 244, 204160°, 84%, 73%48, 0, 16, 488.7% 0.122 169

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E9AEF2 on #FAF6E91.65:1—
Aa #F4E1B6 on #E9AEF21.38:1—
Aa #B0EEE2 on #E9AEF21.37:1—
Aa #E9AEF2 on #7EF4CC1.33:1—
Aa #FAF6E9 on #7EF4CC1.24:1—
Aa #B0EEE2 on #FAF6E91.20:1—

CSS variables

:root {
  --color-1: #f4e1b6; /* Soft Butter */
  --color-2: #b0eee2; /* East Cape */
  --color-3: #e9aef2; /* Candy Dreams */
  --color-4: #faf6e9; /* Sleek White */
  --color-5: #7ef4cc; /* Light Turquoise */
}

Other schemes from Soft Butter

More very light orange triadic color schemes

Questions

What colors go with Soft Butter?

In a triadic scheme: East Cape (#B0EEE2), Candy Dreams (#E9AEF2), Sleek White (#FAF6E9), Light Turquoise (#7EF4CC).

What is the hex code of Soft Butter?

#F4E1B6.