Benannte Farbe · #4C475E
Grapewood
Grapewood ist #4C475E: rgb(76 71 94), hsl(253 14% 32%), oklch(0.412 0.038 294.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Grapewood color name →
#4C475E
oklch(0.412 0.038 294.6)
Farbumrechnungen
- HEX
- #4c475e
- RGB
- rgb(76 71 94)
- HSL
- hsl(253 14% 32%)
- HWB
- hwb(253 28% 63%)
- OKLCH
- oklch(0.412 0.038 294.6)
- OKLab
- oklab(0.412 0.016 -0.035)
- CIE Lab
- lab(31.36 6.23 -12.86)
- LCH
- lch(31.36 14.29 295.8)
- CMYK
- cmyk(19% 24% 0% 63%)
Tints · Shades · Tones
Tints
- 5C576D
- 6C687C
- 7D7A8C
- 8F8C9B
- A19EAB
- B3B1BC
- C5C4CC
- D8D7DD
- EBEBEE
Shades
- 413D51
- 363244
- 2C2837
- 221F2B
- 18161F
- 0F0D14
- 06060A
- 020203
- 000000
Tones
- 514D61
- 565265
- 5B5868
- 605D6C
- 65636F
- 6B6972
- 706E76
- 757479
- 7B7A7D
Farbharmonien
Komplementär +180°
- 4C475E
Grapewood
- 4A4E35
≈ Waiouru
Analog -30° +30°
- 4C475E
Grapewood
- 414B60
≈ China Aster
- 564457
≈ Interlude
Triadisch +120° +240°
- 4C475E
Grapewood
- 5C4637
≈ Carafe
- 345249
≈ Sharknado
Geteilt komplementär +150° +210°
- 4C475E
Grapewood
- 554933
≈ Hóng Zōng Brown
- 3E513E
≈ Pine Forest
Tetradisch +90° +180° +270°
- 4C475E
Grapewood
- 5E4340
≈ Chicory Root
- 4A4E35
≈ Waiouru
- 315155
≈ Microwave Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.85:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.37:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.85:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--grapewood: #4c475e;
--grapewood-rgb: 76 71 94;
--grapewood-oklch: oklch(0.412 0.038 294.6);
}
.element {
color: var(--grapewood);
background-color: hsl(253 14% 32%);
border-color: oklch(0.412 0.038 294.6);
}Tailwind CSS v4
@theme {
--color-grapewood: #4c475e;
--color-grapewood-50: #f6f3ff;
--color-grapewood-100: #e9e5f4;
--color-grapewood-200: #d5d1e3;
--color-grapewood-300: #b9b4c9;
--color-grapewood-400: #9f9ab3;
--color-grapewood-500: #87829e;
--color-grapewood-600: #736e85;
--color-grapewood-700: #5c586b;
--color-grapewood-800: #42404f;
--color-grapewood-900: #2e2c37;
--color-grapewood-950: #1b1922;
}SCSS
$grapewood: #4c475e;
$grapewood-rgb: 76, 71, 94;
$grapewood-light: mix(#fff, $grapewood, 20%);
$grapewood-dark: mix(#000, $grapewood, 20%);
.element {
color: $grapewood;
box-shadow: 0 0 0 2px rgba($grapewood, 0.35);
}