Skip to content

Moccasin#FFE4B5 HEX Color

#FFE4B5rgb(255, 228, 181)
#FFE4B5 color swatch

About Moccasin

Moccasin (#FFE4B5) is a warm, light, vivid orange tone with a hue of 38°, saturation of 100% and lightness of 85%. It works well for accents and energetic palettes and conveys a vibrant feeling. On a white background it reaches a contrast ratio of 1.23:1, while on black it reaches 17.02:1 — so prefer black text when using #FFE4B5 as a background.

Color Codes

HEX#FFE4B5
RGBrgb(255, 228, 181)
HSLhsl(38°, 100%, 85%)
CMYKcmyk(0%, 11%, 29%, 0%)
CIELABLab(91.7, 2.4, 26.4)

Accessibility & Contrast

On white
1.23:1
AA Normalfails
AA Largefails
AAA Normalfails
AAA Largefails
On black
17.02:1
AA Normalpasses
AA Largepasses
AAA Normalpasses
AAA Largepasses

Recommendation: when using #FFE4B5 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

CSS Code Snippets

background-color: #FFE4B5;
color: #FFE4B5;
border: 2px solid #FFE4B5;
background: linear-gradient(135deg, #FFE4B5, #b5d0ff);

Code Export

css
:root {
  --color-primary: #ffe4b5;
  --color-primary-rgb: 255, 228, 181;
  --color-primary-hsl: 38, 100%, 85%;
}

Explore Color Tools

Related Tools

Related Combinations

Frequently Asked Questions

What is the name of color #FFE4B5?

Color #FFE4B5 is commonly known as Moccasin. It is a warm, light, vivid orange tone.

Is #FFE4B5 a warm or cool color?

Moccasin (#FFE4B5) is a warm color. With a hue of 38°, it falls in the orange family.

What colors go well with #FFE4B5?

Colors that pair well with Moccasin (#FFE4B5) include its complementary color (#B5D0FF), neutral whites and warm creams, and analogous orange tones for harmonious palettes.