CSS named color
MistyRose
#FFE4E1
HEX
#ffe4e1RGB
rgb(255, 228, 225)HSL
hsl(6, 100%, 94%)OKLCH
oklch(94.00% 0.0301 25.28)NAME
mistyrosePalette
Complementary
180° on the color wheelComplement
#E0FCFF
Analogous
±30° around the base hueLeft
#FFE0ED
Right
#FFF3E0
Triadic
±120° for harmonic contrastTriad 1
#E0FFE3
Triad 2
#E3E0FF
Shades
Lighter and darker variantsCSS usage
By name
color: mistyrose;
background-color: mistyrose;By HEX
color: #ffe4e1;
background-color: #ffe4e1;By RGB
color: rgb(255, 228, 225);
background-color: rgb(255, 228, 225);By HSL
color: hsl(6, 100%, 94%);
background-color: hsl(6, 100%, 94%);WCAG contrast vs white
Aa
1.20:1
Below minimum
WCAG contrast vs black
Aa
17.44:1
AAA
Related colors
FAQ — MistyRose
What is the HEX code for MistyRose?
The HEX code for MistyRose is #FFE4E1. It's one of the 148 named CSS colors and can be used directly in CSS as color: mistyrose; or color: #ffe4e1;
What is MistyRose in RGB?
MistyRose in RGB is rgb(255, 228, 225) — red 255, green 228, blue 225.
What is MistyRose in HSL?
MistyRose in HSL is hsl(6, 100%, 94%) — hue 6°, saturation 100%, lightness 94%.
What is the complementary color of MistyRose?
The complementary color (directly opposite MistyRose on the color wheel) is #E0FCFF. The two together produce maximum contrast.
Is white text readable on MistyRose?
The WCAG contrast ratio against white (#FFFFFF) is 1.20:1, and against black (#000000) it's 17.44:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.