Benannte Farbe · #917F84
Purple Dove
Purple Dove ist #917F84: rgb(145 127 132), hsl(343 8% 53%), oklch(0.614 0.023 359.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Purple Dove color name →
#917F84
oklch(0.614 0.023 359.1)
Farbumrechnungen
- HEX
- #917f84
- RGB
- rgb(145 127 132)
- HSL
- hsl(343 8% 53%)
- HWB
- hwb(343 50% 43%)
- OKLCH
- oklch(0.614 0.023 359.1)
- OKLab
- oklab(0.614 0.023 0)
- CIE Lab
- lab(54.98 7.77 -0.06)
- LCH
- lch(54.98 7.78 359.6)
- CMYK
- cmyk(0% 12% 9% 43%)
Tints · Shades · Tones
Tints
- 9C8B90
- A6979B
- B1A4A7
- BCB0B3
- C7BDC0
- D2CACC
- DDD7D9
- E8E4E5
- F4F2F2
Shades
- 7D6E72
- 6A5D60
- 584C4F
- 463C3F
- 352D2F
- 251F20
- 151112
- 070606
- 010101
Tones
- 8F7F84
- 8E7F83
- 8C7F83
- 8A7F82
- 898082
- 878082
- 858081
- 838081
- 828080
Farbharmonien
Komplementär +180°
- 917F84
Purple Dove
- 768985
≈ Echo Park
Analog -30° +30°
- 917F84
Purple Dove
- 8D808B
≈ Asian Violet
- 92807D
≈ Warm Embrace
Triadisch +120° +240°
- 917F84
Purple Dove
- 838777
≈ Cottage Lattice Green
- 788791
≈ Deep Channel
Geteilt komplementär +150° +210°
- 917F84
Purple Dove
- 7B897D
≈ Salty Sea
- 75898C
≈ Twilight Stroll
Tetradisch +90° +180° +270°
- 917F84
Purple Dove
- 8A8475
≈ Camo Beige
- 768985
≈ Echo Park
- 7F8493
≈ Deep Smoke Signal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.76:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.57:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.57:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--purple-dove: #917f84;
--purple-dove-rgb: 145 127 132;
--purple-dove-oklch: oklch(0.614 0.023 359.1);
}
.element {
color: var(--purple-dove);
background-color: hsl(343 8% 53%);
border-color: oklch(0.614 0.023 359.1);
}Tailwind CSS v4
@theme {
--color-purple-dove: #917f84;
--color-purple-dove-50: #fbf2f5;
--color-purple-dove-100: #efe5e7;
--color-purple-dove-200: #ddd0d3;
--color-purple-dove-300: #c2b3b6;
--color-purple-dove-400: #ab999e;
--color-purple-dove-500: #948086;
--color-purple-dove-600: #7d6c71;
--color-purple-dove-700: #64575a;
--color-purple-dove-800: #493f42;
--color-purple-dove-900: #332b2e;
--color-purple-dove-950: #1f191b;
}SCSS
$purple-dove: #917f84;
$purple-dove-rgb: 145, 127, 132;
$purple-dove-light: mix(#fff, $purple-dove, 20%);
$purple-dove-dark: mix(#000, $purple-dove, 20%);
.element {
color: $purple-dove;
box-shadow: 0 0 0 2px rgba($purple-dove, 0.35);
}