CSS named color
Moccasin
#FFE4B5
HEX
#ffe4b5RGB
rgb(255, 228, 181)HSL
hsl(38, 100%, 85%)OKLCH
oklch(92.96% 0.0675 81.38)NAME
moccasinPalette
Complementary
180° on the color wheelComplement
#B3CFFF
Analogous
±30° around the base hueLeft
#FFBDB3
Right
#F5FFB3
Triadic
±120° for harmonic contrastTriad 1
#B3FFE3
Triad 2
#E3B3FF
Shades
Lighter and darker variantsCSS usage
By name
color: moccasin;
background-color: moccasin;By HEX
color: #ffe4b5;
background-color: #ffe4b5;By RGB
color: rgb(255, 228, 181);
background-color: rgb(255, 228, 181);By HSL
color: hsl(38, 100%, 85%);
background-color: hsl(38, 100%, 85%);WCAG contrast vs white
Aa
1.23:1
Below minimum
WCAG contrast vs black
Aa
17.02:1
AAA
Related colors
FAQ — Moccasin
What is the HEX code for Moccasin?
The HEX code for Moccasin is #FFE4B5. It's one of the 148 named CSS colors and can be used directly in CSS as color: moccasin; or color: #ffe4b5;
What is Moccasin in RGB?
Moccasin in RGB is rgb(255, 228, 181) — red 255, green 228, blue 181.
What is Moccasin in HSL?
Moccasin in HSL is hsl(38, 100%, 85%) — hue 38°, saturation 100%, lightness 85%.
What is the complementary color of Moccasin?
The complementary color (directly opposite Moccasin on the color wheel) is #B3CFFF. The two together produce maximum contrast.
Is white text readable on Moccasin?
The WCAG contrast ratio against white (#FFFFFF) is 1.23:1, and against black (#000000) it's 17.02:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.