Benannte Farbe · #725F7F
Grape Compote
Grape Compote ist #725F7F: rgb(114 95 127), hsl(276 14% 44%), oklch(0.516 0.054 311.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Grape Compote color name →
#725F7F
oklch(0.516 0.054 311.3)
Farbumrechnungen
- HEX
- #725f7f
- RGB
- rgb(114 95 127)
- HSL
- hsl(276 14% 44%)
- HWB
- hwb(276 37% 50%)
- OKLCH
- oklch(0.516 0.054 311.3)
- OKLab
- oklab(0.516 0.036 -0.041)
- CIE Lab
- lab(43.11 12.79 -15.04)
- LCH
- lch(43.11 19.74 310.4)
- CMYK
- cmyk(10% 25% 0% 50%)
Tints · Shades · Tones
Tints
- 7F6E8B
- 8D7D98
- 9A8CA4
- A89CB1
- B6ACBD
- C4BCCA
- D3CCD7
- E1DDE4
- F0EEF2
Shades
- 62526E
- 53445D
- 44384C
- 362C3C
- 28202D
- 1B151F
- 0E0A11
- 040306
- 010001
Tones
- 73627F
- 75667F
- 766980
- 786C80
- 797080
- 7A7380
- 7C7680
- 7D7980
- 7F7D80
Farbharmonien
Komplementär +180°
- 725F7F
Grape Compote
- 5D6E4E
≈ Cactus
Analog -30° +30°
- 725F7F
Grape Compote
- 626487
≈ Pharaoh Purple
- 7E5C71
≈ Chicha Morada
Triadisch +120° +240°
- 725F7F
Grape Compote
- 7C6345
≈ Loden Blanket
- 40726F
≈ Sinkhole
Geteilt komplementär +150° +210°
- 725F7F
Grape Compote
- 6E6944
≈ Beat Around the Bush
- 4B725E
≈ Christmas Ivy
Tetradisch +90° +180° +270°
- 725F7F
Grape Compote
- 835D4F
≈ Acorn
- 5D6E4E
≈ Cactus
- 436F7E
≈ Bismarck
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.73:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.65:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--grape-compote: #725f7f;
--grape-compote-rgb: 114 95 127;
--grape-compote-oklch: oklch(0.516 0.054 311.3);
}
.element {
color: var(--grape-compote);
background-color: hsl(276 14% 44%);
border-color: oklch(0.516 0.054 311.3);
}Tailwind CSS v4
@theme {
--color-grape-compote: #725f7f;
--color-grape-compote-50: #fbf1ff;
--color-grape-compote-100: #eee3f5;
--color-grape-compote-200: #ddcee5;
--color-grape-compote-300: #c1b0cc;
--color-grape-compote-400: #a996b6;
--color-grape-compote-500: #927ca1;
--color-grape-compote-600: #7b6988;
--color-grape-compote-700: #63546d;
--color-grape-compote-800: #483d51;
--color-grape-compote-900: #322a38;
--color-grape-compote-950: #1e1823;
}SCSS
$grape-compote: #725f7f;
$grape-compote-rgb: 114, 95, 127;
$grape-compote-light: mix(#fff, $grape-compote, 20%);
$grape-compote-dark: mix(#000, $grape-compote, 20%);
.element {
color: $grape-compote;
box-shadow: 0 0 0 2px rgba($grape-compote, 0.35);
}