Colore con nome · #C44D97
Rose Violet
Rose Violet è #C44D97: rgb(196 77 151), hsl(323 50% 54%), oklch(0.6 0.172 345.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Rose Violet color name →
#C44D97
oklch(0.6 0.172 345.2)
Conversioni di colore
- HEX
- #c44d97
- RGB
- rgb(196 77 151)
- HSL
- hsl(323 50% 54%)
- HWB
- hwb(323 30% 23%)
- OKLCH
- oklch(0.6 0.172 345.2)
- OKLab
- oklab(0.6 0.166 -0.044)
- CIE Lab
- lab(51.24 54 -15.82)
- LCH
- lch(51.24 56.27 343.7)
- CMYK
- cmyk(0% 61% 23% 23%)
Tinte · Ombre · Toni
Tinte
- CC60A1
- D373AB
- DA85B6
- E196C0
- E7A8CA
- ECB9D5
- F2CBDF
- F7DCEA
- FBEDF4
Ombre
- AA4283
- 91376F
- 782C5C
- 612249
- 4A1837
- 350F26
- 210717
- 0E0208
- 020001
Toni
- BE5495
- B85B93
- B26190
- AC668E
- A56B8C
- 9F7089
- 977487
- 907885
- 887C82
Armonie di colore
Complementare +180°
- C44D97
Rose Violet
- 00976E
≈ Rainforest
Analogo -30° +30°
- C44D97
Rose Violet
- A65AC5
≈ Ripe Lavander
- D2495E
≈ Lingonberry Red
Triadico +120° +240°
- C44D97
Rose Violet
- 8C8400
≈ Fickle Pickle
- 008EB3
≈ Algiers Blue
Complementare divisa +150° +210°
- C44D97
Rose Violet
- 4D950C
≈ Pistachio Flour
- 009393
≈ Paradise Landscape
Tetradico +90° +180° +270°
- C44D97
Rose Violet
- AB7300
≈ Cookie Dough
- 00976E
≈ Rainforest
- 2A7FE4
≈ Skies of Cyberspace
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.32:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.85:1 · APCA Lc 32
Miglior colore del testo: #000000
WCAG 4.85:1 (AA) · APCA Lc 32
Contrast pairs
Frammenti di codice
CSS
:root {
--rose-violet: #c44d97;
--rose-violet-rgb: 196 77 151;
--rose-violet-oklch: oklch(0.6 0.172 345.2);
}
.element {
color: var(--rose-violet);
background-color: hsl(323 50% 54%);
border-color: oklch(0.6 0.172 345.2);
}Tailwind CSS v4
@theme {
--color-rose-violet: #c44d97;
--color-rose-violet-50: #ffe2ff;
--color-rose-violet-100: #ffd1f3;
--color-rose-violet-200: #ffb6e2;
--color-rose-violet-300: #f791c8;
--color-rose-violet-400: #e370b5;
--color-rose-violet-500: #d04b9f;
--color-rose-violet-600: #b04187;
--color-rose-violet-700: #8e346c;
--color-rose-violet-800: #692552;
--color-rose-violet-900: #4a1839;
--color-rose-violet-950: #300823;
}SCSS
$rose-violet: #c44d97;
$rose-violet-rgb: 196, 77, 151;
$rose-violet-light: mix(#fff, $rose-violet, 20%);
$rose-violet-dark: mix(#000, $rose-violet, 20%);
.element {
color: $rose-violet;
box-shadow: 0 0 0 2px rgba($rose-violet, 0.35);
}