Benannte Farbe · #C20078
Purple Anxiety
Purple Anxiety ist #C20078: rgb(194 0 120), hsl(323 100% 38%), oklch(0.534 0.221 352.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Purple Anxiety color name →
#C20078
oklch(0.534 0.221 352.9)
Farbumrechnungen
- HEX
- #c20078
- RGB
- rgb(194 0 120)
- HSL
- hsl(323 100% 38%)
- HWB
- hwb(323 0% 24%)
- OKLCH
- oklch(0.534 0.221 352.9)
- OKLab
- oklab(0.534 0.219 -0.027)
- CIE Lab
- lab(42.98 69.69 -9.47)
- LCH
- lch(42.98 70.33 352.3)
- CMYK
- cmyk(0% 100% 38% 24%)
Tints · Shades · Tones
Tints
- CB3585
- D45192
- DC699F
- E380AC
- EA95B9
- F0ABC7
- F5C0D5
- F9D5E3
- FCEAF1
Shades
- A80067
- 8F0057
- 770048
- 600039
- 49002A
- 34001D
- 200010
- 0E0005
- 020001
Tones
- BD2579
- B8377A
- B3447B
- AD4F7B
- A7597C
- A1627D
- 9A6A7E
- 92727F
- 89797F
Farbharmonien
Komplementär +180°
- C20078
Purple Anxiety
- 008067
≈ Generic Viridian
Analog -30° +30°
- C20078
Purple Anxiety
- A529B4
≈ Pink Spyro
- CC002A
≈ Rare Rhubarb
Triadisch +120° +240°
- C20078
Purple Anxiety
- 6E7300
≈ Spinach Soup
- 0076A2
≈ Summer Lake
Geteilt komplementär +150° +210°
- C20078
Purple Anxiety
- 008508
≈ Lucky Clover
- 007C84
≈ Cote D’Azur
Tetradisch +90° +180° +270°
- C20078
Purple Anxiety
- 8C6600
≈ Alligator
- 008067
≈ Generic Viridian
- 1E5EEA
≈ Azul
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.89:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.56:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--purple-anxiety: #c20078;
--purple-anxiety-rgb: 194 0 120;
--purple-anxiety-oklch: oklch(0.534 0.221 352.9);
}
.element {
color: var(--purple-anxiety);
background-color: hsl(323 100% 38%);
border-color: oklch(0.534 0.221 352.9);
}Tailwind CSS v4
@theme {
--color-purple-anxiety: #c20078;
--color-purple-anxiety-50: #ffdbf8;
--color-purple-anxiety-100: #ffc9ec;
--color-purple-anxiety-200: #ffabd9;
--color-purple-anxiety-300: #ff82bd;
--color-purple-anxiety-400: #fa59aa;
--color-purple-anxiety-500: #e81f93;
--color-purple-anxiety-600: #c41f7c;
--color-purple-anxiety-700: #9e1a63;
--color-purple-anxiety-800: #75114c;
--color-purple-anxiety-900: #530b35;
--color-purple-anxiety-950: #370020;
}SCSS
$purple-anxiety: #c20078;
$purple-anxiety-rgb: 194, 0, 120;
$purple-anxiety-light: mix(#fff, $purple-anxiety, 20%);
$purple-anxiety-dark: mix(#000, $purple-anxiety, 20%);
.element {
color: $purple-anxiety;
box-shadow: 0 0 0 2px rgba($purple-anxiety, 0.35);
}