Benannte Farbe · #78184A
Pansy Purple
Pansy Purple ist #78184A: rgb(120 24 74), hsl(329 67% 28%), oklch(0.39 0.138 354). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Pansy Purple color name →
#78184A
oklch(0.39 0.138 354)
Farbumrechnungen
- HEX
- #78184a
- RGB
- rgb(120 24 74)
- HSL
- hsl(329 67% 28%)
- HWB
- hwb(329 9% 53%)
- OKLCH
- oklch(0.39 0.138 354)
- OKLab
- oklab(0.39 0.137 -0.014)
- CIE Lab
- lab(27.43 43.9 -4.91)
- LCH
- lch(27.43 44.17 353.6)
- CMYK
- cmyk(0% 80% 38% 53%)
Tints · Shades · Tones
Tints
- 87325A
- 96496B
- A45F7C
- B2758E
- C08BA0
- CDA2B2
- DAB9C5
- E7D0D8
- F3E7EB
Shades
- 67133F
- 570F35
- 480A2A
- 390720
- 2A0417
- 1D020E
- 100106
- 050002
- 010000
Tones
- 7A264F
- 7C3254
- 7E3D5A
- 80475F
- 815164
- 815B6A
- 82646F
- 826D75
- 81777A
Farbharmonien
Komplementär +180°
- 78184A
Pansy Purple
- 005242
≈ Tetsu Green
Analog -30° +30°
- 78184A
Pansy Purple
- 67236D
≈ New Riders of the Purple Sage
- 7F171D
≈ Falu Red
Triadisch +120° +240°
- 78184A
Pansy Purple
- 454A00
≈ No Emissions Green
- 004B6A
≈ Adriatic
Geteilt komplementär +150° +210°
- 78184A
Pansy Purple
- 00550C
≈ Swamp Monster
- 004F55
≈ Transporter Green
Tetradisch +90° +180° +270°
- 78184A
Pansy Purple
- 594000
≈ Sugarloaf Brown
- 005242
≈ Tetsu Green
- 1D3E8D
≈ Navy Seal
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 10.35:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.02:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 10.35:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--pansy-purple: #78184a;
--pansy-purple-rgb: 120 24 74;
--pansy-purple-oklch: oklch(0.39 0.138 354);
}
.element {
color: var(--pansy-purple);
background-color: hsl(329 67% 28%);
border-color: oklch(0.39 0.138 354);
}Tailwind CSS v4
@theme {
--color-pansy-purple: #78184a;
--color-pansy-purple-50: #ffe6f6;
--color-pansy-purple-100: #ffd6e9;
--color-pansy-purple-200: #ffbcd6;
--color-pansy-purple-300: #f099ba;
--color-pansy-purple-400: #dc7aa4;
--color-pansy-purple-500: #c95a8c;
--color-pansy-purple-600: #aa4d77;
--color-pansy-purple-700: #883d5f;
--color-pansy-purple-800: #652c47;
--color-pansy-purple-900: #471d31;
--color-pansy-purple-950: #2e0d1d;
}SCSS
$pansy-purple: #78184a;
$pansy-purple-rgb: 120, 24, 74;
$pansy-purple-light: mix(#fff, $pansy-purple, 20%);
$pansy-purple-dark: mix(#000, $pansy-purple, 20%);
.element {
color: $pansy-purple;
box-shadow: 0 0 0 2px rgba($pansy-purple, 0.35);
}