Nazwany kolor · #473854
Purple Plumeria
Purple Plumeria to #473854: rgb(71 56 84), hsl(272 20% 27%), oklch(0.369 0.051 308.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Purple Plumeria color name →
#473854
oklch(0.369 0.051 308.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 574A64
- 685C74
- 7A6F84
- 8C8295
- 9E96A6
- B1AAB7
- C4BFC9
- D7D4DB
- EBE9ED
Odcienie ciemniejsze
- 3D2F48
- 32273C
- 281F31
- 1F1726
- 160F1B
- 0D0811
- 060408
- 020102
- 000000
Tony
- 4C3F58
- 52465D
- 584D61
- 5D5466
- 635B6A
- 69626E
- 6E6A73
- 747177
- 7A787C
Harmonie kolorów
Komplementarna +180°
- 473854
Purple Plumeria
- 374527
≈ Palm Leaf
Analogowa -30° +30°
- 473854
Purple Plumeria
- 393D5A
≈ Mangosteen
- 513548
≈ Velvet Touch
Triada +120° +240°
- 473854
Purple Plumeria
- 513A21
≈ Witch’s Cottage
- 194845
≈ Prestige Green
Komplementarna rozszczepiona +150° +210°
- 473854
Purple Plumeria
- 46401F
≈ Madras
- 264835
≈ Wine Bottle Green
Tetrada +90° +180° +270°
- 473854
Purple Plumeria
- 57362B
≈ Terra Brun
- 374527
≈ Palm Leaf
- 1B4651
≈ Moscow Midnight
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.70:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.96:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.70:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
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);
}