#FFE4B5

#FFE4B5 is the hex color Moccasin. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

This is the nearest named color to #FFE4B5; the exact match is Moccasin.

Open #FFE4B5 in the picker

#FFE4B5 color codes

HEX
#FFE4B5
HEX8
#FFE4B5FF
HEX8 (Android)
#FFFFE4B5
RGB
rgb(255, 228, 181)
RGB (%)
100%, 89%, 71%
HSL
hsl(38, 100%, 85%)
HSV / HSB
hsv(38, 29%, 100%)
CMYK
cmyk(0%, 11%, 29%, 0%)
OKLCH
oklch(0.9296 0.0675 81.38)
OKLCH (%)
oklch(92.96% 0.0675 81.38)
Decimal
16770229

What color is #FFE4B5?

#FFE4B5 sits at 93% lightness and 0.0675 chroma in OKLCH, hue 81.38°. Its nearest named color is Moccasin (an exact match).

Shades and tints of #FFE4B5

Tints

Shades

Tones

#FFE4B5 color harmonies

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Monochromatic

Using #FFE4B5 in CSS

.text       { color: #FFE4B5; }
.background { background-color: #FFE4B5; }
.border     { border: 2px solid #FFE4B5; }

/* Modern, perceptually uniform */
.text { color: oklch(0.9296 0.0675 81.38); }

/* #FFE4B5 at 50% transparency */
.overlay { background-color: #FFE4B580; }

Is #FFE4B5 accessible?

#FFE4B5 on white text scores 1.23:1; on black text it scores 17.02:1. Black text passes WCAG AAA on #FFE4B5. Recommended text color on a #FFE4B5 background: black.

A 17.02:1 vs black
A 1.23:1 vs white
  • AA normal ≥ 4.5 Pass
  • AA large ≥ 3 Pass
  • AAA normal ≥ 7 Pass
  • AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#FFE4B5) → black
APCA Lc experimental 92 Lc · body text — preferred (black text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Related colors

See more in the orange family on the colors hub.

Frequently asked questions

What color is #FFE4B5?
#FFE4B5 is Moccasin. In RGB it is rgb(255, 228, 181), and in HSL hsl(38, 100%, 85%).
What is #FFE4B5 in RGB?
#FFE4B5 converts to rgb(255, 228, 181) — red 255, green 228, blue 181.
What text color is readable on #FFE4B5?
Black text — it has the higher contrast ratio (17.02:1) against #FFE4B5. Black text passes WCAG AAA on #FFE4B5.
Open #FFE4B5 in the picker