Colore con nome · #C4989E
Rose Meadow
Rose Meadow è #C4989E: rgb(196 152 158), hsl(352 27% 68%), oklch(0.722 0.053 9.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Rose Meadow color name →
#C4989E
oklch(0.722 0.053 9.3)
Conversioni di colore
- HEX
- #c4989e
- RGB
- rgb(196 152 158)
- HSL
- hsl(352 27% 68%)
- HWB
- hwb(352 60% 23%)
- OKLCH
- oklch(0.722 0.053 9.3)
- OKLab
- oklab(0.722 0.053 0.009)
- CIE Lab
- lab(67.17 17.64 3.52)
- LCH
- lch(67.17 17.99 11.3)
- CMYK
- cmyk(0% 22% 19% 23%)
Tinte · Ombre · Toni
Tinte
- CAA2A7
- D0ACB1
- D6B6BA
- DCC0C4
- E2CBCD
- E8D5D7
- EEDFE1
- F4EAEB
- F9F4F5
Ombre
- AA8489
- 917074
- 785C60
- 614A4D
- 4A383A
- 352729
- 211718
- 0E0809
- 020101
Toni
- BD969B
- B69398
- B09195
- A98F92
- A28C8F
- 9B8A8C
- 948789
- 8E8586
- 878283
Armonie di colore
Complementare +180°
- C4989E
Rose Meadow
- 7FB1AC
≈ Galaxy Green
Analogo -30° +30°
- C4989E
Rose Meadow
- BD99B0
≈ Cherished
- C49B8D
≈ Mahogany Rose
Triadico +120° +240°
- C4989E
Rose Meadow
- 9BAC89
≈ Cardoon
- 8CA9C6
≈ Dresden Doll
Complementare divisa +150° +210°
- C4989E
Rose Meadow
- 89B09A
≈ Covent Garden
- 80AEBC
≈ Open Seas
Tetradico +90° +180° +270°
- C4989E
Rose Meadow
- ADA680
≈ Sedia
- 7FB1AC
≈ Galaxy Green
- 9EA2C7
≈ May Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.52:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.33:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.33:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-meadow: #c4989e;
--rose-meadow-rgb: 196 152 158;
--rose-meadow-oklch: oklch(0.722 0.053 9.3);
}
.element {
color: var(--rose-meadow);
background-color: hsl(352 27% 68%);
border-color: oklch(0.722 0.053 9.3);
}Tailwind CSS v4
@theme {
--color-rose-meadow: #c4989e;
--color-rose-meadow-50: #ffeff1;
--color-rose-meadow-100: #f9e1e3;
--color-rose-meadow-200: #eacbce;
--color-rose-meadow-300: #d1adb0;
--color-rose-meadow-400: #bb9298;
--color-rose-meadow-500: #a6787e;
--color-rose-meadow-600: #8c666b;
--color-rose-meadow-700: #705156;
--color-rose-meadow-800: #533b3f;
--color-rose-meadow-900: #3a282b;
--color-rose-meadow-950: #241619;
}SCSS
$rose-meadow: #c4989e;
$rose-meadow-rgb: 196, 152, 158;
$rose-meadow-light: mix(#fff, $rose-meadow, 20%);
$rose-meadow-dark: mix(#000, $rose-meadow, 20%);
.element {
color: $rose-meadow;
box-shadow: 0 0 0 2px rgba($rose-meadow, 0.35);
}