Benannte Farbe · #624F59
Prophetic Purple
Prophetic Purple ist #624F59: rgb(98 79 89), hsl(328 11% 35%), oklch(0.45 0.03 345.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Prophetic Purple color name →
#624F59
oklch(0.45 0.03 345.4)
Farbumrechnungen
- HEX
- #624f59
- RGB
- rgb(98 79 89)
- HSL
- hsl(328 11% 35%)
- HWB
- hwb(328 31% 62%)
- OKLCH
- oklch(0.45 0.03 345.4)
- OKLab
- oklab(0.45 0.029 -0.007)
- CIE Lab
- lab(35.85 9.6 -2.73)
- LCH
- lch(35.85 9.98 344.1)
- CMYK
- cmyk(0% 19% 9% 62%)
Tints · Shades · Tones
Tints
- 715F68
- 7F6F78
- 8F8087
- 9E9198
- AEA3A8
- BDB4B9
- CDC7CA
- DED9DB
- EEECED
Shades
- 54444C
- 473840
- 3A2E34
- 2D2328
- 21191D
- 161013
- 0B0709
- 030203
- 000000
Tones
- 65545D
- 685961
- 6B5D64
- 6E6268
- 71676C
- 746C70
- 777174
- 7A7678
- 7D7B7C
Farbharmonien
Komplementär +180°
- 624F59
Prophetic Purple
- 465B51
≈ Grubenwald
Analog -30° +30°
- 624F59
Prophetic Purple
- 5C5161
≈ Napa Grape
- 654F50
≈ Robeson Rose
Triadisch +120° +240°
- 624F59
Prophetic Purple
- 575744
≈ Second Nature
- 445962
≈ Midnight in the Tropics
Geteilt komplementär +150° +210°
- 624F59
Prophetic Purple
- 4E5949
≈ Verdant Hush
- 425B5B
≈ Teal Forest
Tetradisch +90° +180° +270°
- 624F59
Prophetic Purple
- 5F5343
≈ Volcanic Island
- 465B51
≈ Grubenwald
- 4B5666
≈ Property
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.54:1 · APCA Lc 86
Ag
FailAuf Schwarz
WCAG 2.78:1 · APCA Lc 16
Beste Textfarbe: #FFFFFF
WCAG 7.54:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--prophetic-purple: #624f59;
--prophetic-purple-rgb: 98 79 89;
--prophetic-purple-oklch: oklch(0.45 0.03 345.4);
}
.element {
color: var(--prophetic-purple);
background-color: hsl(328 11% 35%);
border-color: oklch(0.45 0.03 345.4);
}Tailwind CSS v4
@theme {
--color-prophetic-purple: #624f59;
--color-prophetic-purple-50: #fcf2f7;
--color-prophetic-purple-100: #f0e4ea;
--color-prophetic-purple-200: #dfcfd6;
--color-prophetic-purple-300: #c4b2ba;
--color-prophetic-purple-400: #ac98a2;
--color-prophetic-purple-500: #957f8a;
--color-prophetic-purple-600: #7e6b75;
--color-prophetic-purple-700: #65565e;
--color-prophetic-purple-800: #4a3e45;
--color-prophetic-purple-900: #332b30;
--color-prophetic-purple-950: #1f181c;
}SCSS
$prophetic-purple: #624f59;
$prophetic-purple-rgb: 98, 79, 89;
$prophetic-purple-light: mix(#fff, $prophetic-purple, 20%);
$prophetic-purple-dark: mix(#000, $prophetic-purple, 20%);
.element {
color: $prophetic-purple;
box-shadow: 0 0 0 2px rgba($prophetic-purple, 0.35);
}