Colore con nome · #473854
Purple Plumeria
Purple Plumeria è #473854: rgb(71 56 84), hsl(272 20% 27%), oklch(0.369 0.051 308.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Plumeria color name →
#473854
oklch(0.369 0.051 308.5)
Conversioni di colore
- HEX
- #473854
- RGB
- rgb(71 56 84)
- HSL
- hsl(272 20% 27%)
- HWB
- hwb(272 22% 67%)
- OKLCH
- oklch(0.369 0.051 308.5)
- OKLab
- oklab(0.369 0.032 -0.04)
- CIE Lab
- lab(26.08 11.53 -14.49)
- LCH
- lch(26.08 18.52 308.5)
- CMYK
- cmyk(15% 33% 0% 67%)
Tinte · Ombre · Toni
Tinte
- 574A64
- 685C74
- 7A6F84
- 8C8295
- 9E96A6
- B1AAB7
- C4BFC9
- D7D4DB
- EBE9ED
Ombre
- 3D2F48
- 32273C
- 281F31
- 1F1726
- 160F1B
- 0D0811
- 060408
- 020102
- 000000
Toni
- 4C3F58
- 52465D
- 584D61
- 5D5466
- 635B6A
- 69626E
- 6E6A73
- 747177
- 7A787C
Armonie di colore
Complementare +180°
- 473854
Purple Plumeria
- 374527
≈ Palm Leaf
Analogo -30° +30°
- 473854
Purple Plumeria
- 393D5A
≈ Mangosteen
- 513548
≈ Velvet Touch
Triadico +120° +240°
- 473854
Purple Plumeria
- 513A21
≈ Witch’s Cottage
- 194845
≈ Prestige Green
Complementare divisa +150° +210°
- 473854
Purple Plumeria
- 46401F
≈ Madras
- 264835
≈ Wine Bottle Green
Tetradico +90° +180° +270°
- 473854
Purple Plumeria
- 57362B
≈ Terra Brun
- 374527
≈ Palm Leaf
- 1B4651
≈ Moscow Midnight
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.70:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.96:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--purple-plumeria: #473854;
--purple-plumeria-rgb: 71 56 84;
--purple-plumeria-oklch: oklch(0.369 0.051 308.5);
}
.element {
color: var(--purple-plumeria);
background-color: hsl(272 20% 27%);
border-color: oklch(0.369 0.051 308.5);
}Tailwind CSS v4
@theme {
--color-purple-plumeria: #473854;
--color-purple-plumeria-50: #faf1ff;
--color-purple-plumeria-100: #ede3f5;
--color-purple-plumeria-200: #dbcfe5;
--color-purple-plumeria-300: #c0b1cb;
--color-purple-plumeria-400: #a797b6;
--color-purple-plumeria-500: #907da0;
--color-purple-plumeria-600: #7a6a87;
--color-purple-plumeria-700: #61556d;
--color-purple-plumeria-800: #473e50;
--color-purple-plumeria-900: #312b38;
--color-purple-plumeria-950: #1d1823;
}SCSS
$purple-plumeria: #473854;
$purple-plumeria-rgb: 71, 56, 84;
$purple-plumeria-light: mix(#fff, $purple-plumeria, 20%);
$purple-plumeria-dark: mix(#000, $purple-plumeria, 20%);
.element {
color: $purple-plumeria;
box-shadow: 0 0 0 2px rgba($purple-plumeria, 0.35);
}