Benannte Farbe · #64475E
Plum Rich
Plum Rich ist #64475E: rgb(100 71 94), hsl(312 17% 34%), oklch(0.438 0.053 334). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Plum Rich color name →
#64475E
oklch(0.438 0.053 334)
Farbumrechnungen
- HEX
- #64475e
- RGB
- rgb(100 71 94)
- HSL
- hsl(312 17% 34%)
- HWB
- hwb(312 28% 61%)
- OKLCH
- oklch(0.438 0.053 334)
- OKLab
- oklab(0.438 0.047 -0.023)
- CIE Lab
- lab(34.05 15.9 -8.49)
- LCH
- lch(34.05 18.02 331.9)
- CMYK
- cmyk(0% 29% 6% 61%)
Tints · Shades · Tones
Tints
- 73586D
- 81697C
- 907A8B
- A08C9B
- AF9EAB
- BFB1BB
- CEC4CC
- DED7DD
- EFEBEE
Shades
- 563D51
- 483244
- 3B2837
- 2E1F2B
- 22161F
- 160D14
- 0B060A
- 030203
- 000000
Tones
- 674D61
- 6A5265
- 6D5868
- 705D6C
- 72636F
- 756972
- 786F76
- 7B7479
- 7D7A7D
Farbharmonien
Komplementär +180°
- 64475E
Plum Rich
- 3A5B45
≈ Horsetail
Analog -30° +30°
- 64475E
Plum Rich
- 584B6A
≈ Paparazzi
- 6B464E
≈ Mixed Berry Jam
Triadisch +120° +240°
- 64475E
Plum Rich
- 5B522F
≈ West Coast
- 2C5A64
≈ Petro Blue
Geteilt komplementär +150° +210°
- 64475E
Plum Rich
- 4C5736
≈ Chive
- 2D5B55
≈ Lacrosse
Tetradisch +90° +180° +270°
- 64475E
Plum Rich
- 674C33
≈ Black Power
- 3A5B45
≈ Horsetail
- 38556D
≈ Albeit
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.06:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.60:1 · APCA Lc 14
Beste Textfarbe: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--plum-rich: #64475e;
--plum-rich-rgb: 100 71 94;
--plum-rich-oklch: oklch(0.438 0.053 334);
}
.element {
color: var(--plum-rich);
background-color: hsl(312 17% 34%);
border-color: oklch(0.438 0.053 334);
}Tailwind CSS v4
@theme {
--color-plum-rich: #64475e;
--color-plum-rich-50: #fff0fb;
--color-plum-rich-100: #f4e2ef;
--color-plum-rich-200: #e4ccdd;
--color-plum-rich-300: #caaec2;
--color-plum-rich-400: #b293ab;
--color-plum-rich-500: #9c7995;
--color-plum-rich-600: #84677e;
--color-plum-rich-700: #6a5265;
--color-plum-rich-800: #4d3c4b;
--color-plum-rich-900: #362934;
--color-plum-rich-950: #21171f;
}SCSS
$plum-rich: #64475e;
$plum-rich-rgb: 100, 71, 94;
$plum-rich-light: mix(#fff, $plum-rich, 20%);
$plum-rich-dark: mix(#000, $plum-rich, 20%);
.element {
color: $plum-rich;
box-shadow: 0 0 0 2px rgba($plum-rich, 0.35);
}