Huebook

Moccasin (CSS) Tetradic Color Scheme

Five colors arranged by the tetradic rule around Moccasin (CSS) (#FFE4B5), each snapped to its nearest named color.

#FFE4B5
#B6FFBB
#B1D1FC
#FFB3F0
#FFF5E4

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Moccasin (CSS)#FFE4B5255, 228, 18138°, 100%, 85%0, 11, 29, 093.0% 0.068 81
Light Mint#B6FFBB182, 255, 187124°, 100%, 86%29, 0, 27, 093.5% 0.116 146
Ice Cold Stare#B1D1FC177, 209, 252214°, 93%, 84%30, 17, 0, 185.2% 0.069 256
Hermosa Pink#FFB3F0255, 179, 240312°, 100%, 85%0, 30, 6, 085.7% 0.117 334
Silky Tofu#FFF5E4255, 245, 22838°, 100%, 95%0, 4, 11, 097.3% 0.025 81

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FFB3F0 on #FFF5E41.50:1—
Aa #B1D1FC on #FFF5E41.45:1—
Aa #B6FFBB on #FFB3F01.39:1—
Aa #B6FFBB on #B1D1FC1.34:1—
Aa #FFE4B5 on #FFB3F01.31:1—
Aa #FFE4B5 on #B1D1FC1.27:1—

CSS variables

:root {
  --color-1: #ffe4b5; /* Moccasin (CSS) */
  --color-2: #b6ffbb; /* Light Mint */
  --color-3: #b1d1fc; /* Ice Cold Stare */
  --color-4: #ffb3f0; /* Hermosa Pink */
  --color-5: #fff5e4; /* Silky Tofu */
}

Other schemes from Moccasin (CSS)

More very light orange tetradic color schemes

Questions

What colors go with Moccasin (CSS)?

In a tetradic scheme: Light Mint (#B6FFBB), Ice Cold Stare (#B1D1FC), Hermosa Pink (#FFB3F0), Silky Tofu (#FFF5E4).

What is the hex code of Moccasin (CSS)?

#FFE4B5.