Named color · #F9C2CD
Rose Shadow
Rose Shadow is #F9C2CD: rgb(249 194 205), hsl(348 82% 87%), oklch(0.866 0.064 5.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Rose Shadow color name →
#F9C2CD
oklch(0.866 0.064 5.1)
Color conversions
- HEX
- #f9c2cd
- RGB
- rgb(249 194 205)
- HSL
- hsl(348 82% 87%)
- HWB
- hwb(348 76% 2%)
- OKLCH
- oklch(0.866 0.064 5.1)
- OKLab
- oklab(0.866 0.064 0.006)
- CIE Lab
- lab(83.68 21.46 2.45)
- LCH
- lch(83.68 21.6 6.5)
- CMYK
- cmyk(0% 22% 18% 2%)
Tints · Shades · Tones
Tints
- FAC8D2
- FBCED7
- FCD4DC
- FCDAE1
- FDE0E6
- FEE7EB
- FEEDF0
- FEF3F5
- FFF9FA
Shades
- D9A8B2
- B98F98
- 9A777E
- 7D6066
- 61494E
- 463438
- 2C2023
- 150E0F
- 030202
Tones
- ECBBC5
- E0B5BD
- D4AEB5
- C8A7AD
- BBA1A6
- AF9A9E
- A39496
- 988D8F
- 8C8687
Color harmonies
Complementary +180°
- F9C2CD
Rose Shadow
- A3E1D8
≈ Spinnaker
Analogous -30° +30°
- F9C2CD
Rose Shadow
- EFC4E4
≈ Rosy Nectar
- FAC5B7
≈ Salmon Beauty
Triadic +120° +240°
- F9C2CD
Rose Shadow
- C9DBAD
≈ Chameleon
- B0D8FB
≈ Malmö FF
Split-complementary +150° +210°
- F9C2CD
Rose Shadow
- B2E0C1
≈ Lattice Work
- A2DEEE
≈ Non-Photo Blue
Tetradic +90° +180° +270°
- F9C2CD
Rose Shadow
- E0D3A3
≈ Woven
- A3E1D8
≈ Spinnaker
- C6D0FE
≈ Lavender Blue
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 25
Ag
AAAOn black
WCAG 13.62:1 · APCA Lc 78
Best text color: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Code snippets
CSS
:root {
--rose-shadow: #f9c2cd;
--rose-shadow-rgb: 249 194 205;
--rose-shadow-oklch: oklch(0.866 0.064 5.1);
}
.element {
color: var(--rose-shadow);
background-color: hsl(348 82% 87%);
border-color: oklch(0.866 0.064 5.1);
}Tailwind CSS v4
@theme {
--color-rose-shadow: #f9c2cd;
--color-rose-shadow-50: #ffeef2;
--color-rose-shadow-100: #fce0e4;
--color-rose-shadow-200: #eec9cf;
--color-rose-shadow-300: #d6aab1;
--color-rose-shadow-400: #c08f99;
--color-rose-shadow-500: #ab7480;
--color-rose-shadow-600: #91636d;
--color-rose-shadow-700: #744f57;
--color-rose-shadow-800: #563940;
--color-rose-shadow-900: #3c272c;
--color-rose-shadow-950: #251519;
}SCSS
$rose-shadow: #f9c2cd;
$rose-shadow-rgb: 249, 194, 205;
$rose-shadow-light: mix(#fff, $rose-shadow, 20%);
$rose-shadow-dark: mix(#000, $rose-shadow, 20%);
.element {
color: $rose-shadow;
box-shadow: 0 0 0 2px rgba($rose-shadow, 0.35);
}