Moccasin (CSS) Monochromatic Color Scheme

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

#FFAA1D

#FBCA69

#FFE4B5

#FFF5E4

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Averland Sunset	`#FFAA1D`	255, 170, 29	37°, 100%, 56%	0, 33, 89, 0	80.2% 0.166 72
Sunspark	`#FBCA69`	251, 202, 105	40°, 95%, 70%	0, 20, 58, 2	86.3% 0.128 83
Moccasin (CSS)	`#FFE4B5`	255, 228, 181	38°, 100%, 85%	0, 11, 29, 0	93.0% 0.068 81
Silky Tofu	`#FFF5E4`	255, 245, 228	38°, 100%, 95%	0, 4, 11, 0	97.3% 0.025 81
Silky Tofu	`#FFF5E4`	255, 245, 228	38°, 100%, 95%	0, 4, 11, 0	97.3% 0.025 81

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FFAA1D on #FFF5E4	1.76:1	—
Aa #FFAA1D on #FFF5E4	1.76:1	—
Aa #FFAA1D on #FFE4B5	1.54:1	—
Aa #FBCA69 on #FFF5E4	1.41:1	—
Aa #FBCA69 on #FFF5E4	1.41:1	—
Aa #FFAA1D on #FBCA69	1.25:1	—

CSS variables

:root {
  --color-1: #ffaa1d; /* Averland Sunset */
  --color-2: #fbca69; /* Sunspark */
  --color-3: #ffe4b5; /* Moccasin (CSS) */
  --color-4: #fff5e4; /* Silky Tofu */
  --color-5: #fff5e4; /* Silky Tofu */
}

Other schemes from Moccasin (CSS)

More very light orange monochromatic color schemes

Questions

What colors go with Moccasin (CSS)?

In a monochromatic scheme: Averland Sunset (#FFAA1D), Sunspark (#FBCA69), Silky Tofu (#FFF5E4), Silky Tofu (#FFF5E4).

What is the hex code of Moccasin (CSS)?

#FFE4B5.