Benannte Farbe · #730061
Liche Purple
Liche Purple ist #730061: rgb(115 0 97), hsl(309 100% 23%), oklch(0.378 0.167 337). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Liche Purple color name →
#730061
oklch(0.378 0.167 337)
Farbumrechnungen
- HEX
- #730061
- RGB
- rgb(115 0 97)
- HSL
- hsl(309 100% 23%)
- HWB
- hwb(309 0% 55%)
- OKLCH
- oklch(0.378 0.167 337)
- OKLab
- oklab(0.378 0.153 -0.065)
- CIE Lab
- lab(25.38 50 -23.41)
- LCH
- lch(25.38 55.21 334.9)
- CMYK
- cmyk(0% 100% 16% 55%)
Tints · Shades · Tones
Tints
- 832870
- 92417F
- A0598F
- AF709E
- BD87AE
- CB9FBE
- D8B6CE
- E5CEDE
- F2E6EE
Shades
- 630053
- 540046
- 450039
- 36002D
- 280021
- 1B0015
- 0F000B
- 050003
- 010000
Tones
- 761A64
- 782A68
- 7B376B
- 7D426E
- 7E4D71
- 7F5874
- 806277
- 816C7A
- 80767D
Farbharmonien
Komplementär +180°
- 730061
Liche Purple
- 00502E
≈ Card Table Green
Analog -30° +30°
- 730061
Liche Purple
- 591985
≈ Intergalactic Settlement
- 7D0034
≈ Bordeaux
Triadisch +120° +240°
- 730061
Liche Purple
- 4E4100
≈ Roman Bronze
- 004A59
≈ Midnight Green
Geteilt komplementär +150° +210°
- 730061
Liche Purple
- 344B00
≈ Godzilla
- 004D48
≈ Swamp Mausoleum
Tetradisch +90° +180° +270°
- 730061
Liche Purple
- 5F3800
≈ Hippogriff Brown
- 00502E
≈ Card Table Green
- 004573
≈ Macragge Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.04:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 1.90:1 · APCA Lc 9
Beste Textfarbe: #FFFFFF
WCAG 11.04:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--liche-purple: #730061;
--liche-purple-rgb: 115 0 97;
--liche-purple-oklch: oklch(0.378 0.167 337);
}
.element {
color: var(--liche-purple);
background-color: hsl(309 100% 23%);
border-color: oklch(0.378 0.167 337);
}Tailwind CSS v4
@theme {
--color-liche-purple: #730061;
--color-liche-purple-50: #ffe3ff;
--color-liche-purple-100: #ffd3fb;
--color-liche-purple-200: #ffb9ec;
--color-liche-purple-300: #ef95d4;
--color-liche-purple-400: #db74c2;
--color-liche-purple-500: #c751ae;
--color-liche-purple-600: #a84693;
--color-liche-purple-700: #873876;
--color-liche-purple-800: #642859;
--color-liche-purple-900: #461b3e;
--color-liche-purple-950: #2d0a27;
}SCSS
$liche-purple: #730061;
$liche-purple-rgb: 115, 0, 97;
$liche-purple-light: mix(#fff, $liche-purple, 20%);
$liche-purple-dark: mix(#000, $liche-purple, 20%);
.element {
color: $liche-purple;
box-shadow: 0 0 0 2px rgba($liche-purple, 0.35);
}