Colore con nome · #92576F
Grandeur Plum
Grandeur Plum è #92576F: rgb(146 87 111), hsl(336 25% 46%), oklch(0.531 0.084 354.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Grandeur Plum color name →
#92576F
oklch(0.531 0.084 354.4)
Conversioni di colore
- HEX
- #92576f
- RGB
- rgb(146 87 111)
- HSL
- hsl(336 25% 46%)
- HWB
- hwb(336 34% 43%)
- OKLCH
- oklch(0.531 0.084 354.4)
- OKLab
- oklab(0.531 0.083 -0.008)
- CIE Lab
- lab(44.51 27.47 -2.8)
- LCH
- lch(44.51 27.61 354.2)
- CMYK
- cmyk(0% 40% 24% 43%)
Tinte · Ombre · Toni
Tinte
- 9D677C
- A9778A
- B48798
- BF98A6
- CAA8B4
- D4B9C3
- DFCAD2
- EADCE1
- F4EDF0
Ombre
- 7E4B60
- 6B3E51
- 583342
- 462734
- 351C27
- 25121A
- 16080E
- 080304
- 010001
Toni
- 915B71
- 8F6072
- 8E6474
- 8C6876
- 8B6C77
- 897079
- 87747B
- 85787D
- 827C7E
Armonie di colore
Complementare +180°
- 92576F
Grandeur Plum
- 2B7C69
≈ Pinehurst
Analogo -30° +30°
- 92576F
Grandeur Plum
- 845B87
≈ Crushed Grape
- 975854
≈ Walleye
Triadico +120° +240°
- 92576F
Grandeur Plum
- 6B7235
≈ Cedar Green
- 347495
≈ Cottage by the Sea
Complementare divisa +150° +210°
- 92576F
Grandeur Plum
- 4D794D
≈ Autumn Fern
- 1A7A83
≈ Blue Kelp
Tetradico +90° +180° +270°
- 92576F
Grandeur Plum
- 83682D
≈ Hunting Jacket
- 2B7C69
≈ Pinehurst
- 546B9D
≈ San Marino
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.50:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.81:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.50:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--grandeur-plum: #92576f;
--grandeur-plum-rgb: 146 87 111;
--grandeur-plum-oklch: oklch(0.531 0.084 354.4);
}
.element {
color: var(--grandeur-plum);
background-color: hsl(336 25% 46%);
border-color: oklch(0.531 0.084 354.4);
}Tailwind CSS v4
@theme {
--color-grandeur-plum: #92576f;
--color-grandeur-plum-50: #ffecf6;
--color-grandeur-plum-100: #ffdde8;
--color-grandeur-plum-200: #f3c6d5;
--color-grandeur-plum-300: #dba6b8;
--color-grandeur-plum-400: #c68aa1;
--color-grandeur-plum-500: #b26e89;
--color-grandeur-plum-600: #965e74;
--color-grandeur-plum-700: #794b5d;
--color-grandeur-plum-800: #593645;
--color-grandeur-plum-900: #3e2530;
--color-grandeur-plum-950: #27131c;
}SCSS
$grandeur-plum: #92576f;
$grandeur-plum-rgb: 146, 87, 111;
$grandeur-plum-light: mix(#fff, $grandeur-plum, 20%);
$grandeur-plum-dark: mix(#000, $grandeur-plum, 20%);
.element {
color: $grandeur-plum;
box-shadow: 0 0 0 2px rgba($grandeur-plum, 0.35);
}