Huebook

Oyster Triadic Color Scheme

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

#E3D3BF
#BFE4D4
#D3BFE5
#F8F4ED
#8BCBAB

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Oyster#E3D3BF227, 211, 19133°, 39%, 82%0, 7, 16, 1187.5% 0.032 73
Beru#BFE4D4191, 228, 212154°, 41%, 82%16, 0, 7, 1188.8% 0.044 167
York Plum#D3BFE5211, 191, 229272°, 42%, 82%8, 17, 0, 1083.3% 0.056 309
Crystal Cut#F8F4ED248, 244, 23738°, 44%, 95%0, 2, 4, 396.8% 0.010 82
Sybarite Green#8BCBAB139, 203, 171150°, 38%, 67%32, 0, 16, 2079.0% 0.080 162

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F8F4ED on #8BCBAB1.71:1—
Aa #D3BFE5 on #F8F4ED1.55:1—
Aa #BFE4D4 on #8BCBAB1.36:1—
Aa #E3D3BF on #F8F4ED1.34:1—
Aa #E3D3BF on #8BCBAB1.28:1—
Aa #BFE4D4 on #F8F4ED1.25:1—

CSS variables

:root {
  --color-1: #e3d3bf; /* Oyster */
  --color-2: #bfe4d4; /* Beru */
  --color-3: #d3bfe5; /* York Plum */
  --color-4: #f8f4ed; /* Crystal Cut */
  --color-5: #8bcbab; /* Sybarite Green */
}

Other schemes from Oyster

More very light orange triadic color schemes

Questions

What colors go with Oyster?

In a triadic scheme: Beru (#BFE4D4), York Plum (#D3BFE5), Crystal Cut (#F8F4ED), Sybarite Green (#8BCBAB).

What is the hex code of Oyster?

#E3D3BF.