Warna bernama · #F9C2CD
Rose Shadow
Rose Shadow adalah #F9C2CD: rgb(249 194 205), hsl(348 82% 87%), oklch(0.866 0.064 5.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Rose Shadow color name →
#F9C2CD
oklch(0.866 0.064 5.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- FAC8D2
- FBCED7
- FCD4DC
- FCDAE1
- FDE0E6
- FEE7EB
- FEEDF0
- FEF3F5
- FFF9FA
Shade
- D9A8B2
- B98F98
- 9A777E
- 7D6066
- 61494E
- 463438
- 2C2023
- 150E0F
- 030202
Tone
- ECBBC5
- E0B5BD
- D4AEB5
- C8A7AD
- BBA1A6
- AF9A9E
- A39496
- 988D8F
- 8C8687
Harmoni warna
Komplementer +180°
- F9C2CD
Rose Shadow
- A3E1D8
≈ Spinnaker
Analog -30° +30°
- F9C2CD
Rose Shadow
- EFC4E4
≈ Rosy Nectar
- FAC5B7
≈ Salmon Beauty
Triadik +120° +240°
- F9C2CD
Rose Shadow
- C9DBAD
≈ Chameleon
- B0D8FB
≈ Malmö FF
Split-komplementer +150° +210°
- F9C2CD
Rose Shadow
- B2E0C1
≈ Lattice Work
- A2DEEE
≈ Non-Photo Blue
Tetradik +90° +180° +270°
- F9C2CD
Rose Shadow
- E0D3A3
≈ Woven
- A3E1D8
≈ Spinnaker
- C6D0FE
≈ Lavender Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.54:1 · APCA Lc 25
Ag
AAADi atas hitam
WCAG 13.62:1 · APCA Lc 78
Warna teks terbaik: #000000
WCAG 13.62:1 (AAA) · APCA Lc 78
Contrast pairs
Cuplikan kode
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);
}