Benannte Farbe · #884A50
Currant Jam
Currant Jam ist #884A50: rgb(136 74 80), hsl(354 30% 41%), oklch(0.485 0.084 14.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Currant Jam color name →
#884A50
oklch(0.485 0.084 14.5)
Farbumrechnungen
- HEX
- #884a50
- RGB
- rgb(136 74 80)
- HSL
- hsl(354 30% 41%)
- HWB
- hwb(354 29% 47%)
- OKLCH
- oklch(0.485 0.084 14.5)
- OKLab
- oklab(0.485 0.081 0.021)
- CIE Lab
- lab(39.37 27.36 8.7)
- LCH
- lch(39.37 28.71 17.6)
- CMYK
- cmyk(0% 46% 41% 47%)
Tints · Shades · Tones
Tints
- 945B60
- A16C70
- AD7E81
- B98F92
- C5A1A3
- D1B4B5
- DCC6C7
- E8D9D9
- F4ECEC
Shades
- 753F44
- 633539
- 522A2E
- 412024
- 31171A
- 220E10
- 130607
- 060202
- 010000
Tones
- 885055
- 885559
- 875B5E
- 876063
- 866668
- 856B6C
- 847071
- 837676
- 827B7B
Farbharmonien
Komplementär +180°
- 884A50
Currant Jam
- 006D6D
≈ Caribbean Current
Analog -30° +30°
- 884A50
Currant Jam
- 804B6A
≈ Madder Magenta
- 864F36
≈ Curry Brown
Triadisch +120° +240°
- 884A50
Currant Jam
- 4A6A37
≈ Tree Shade
- 3C618E
≈ Mississippi River
Geteilt komplementär +150° +210°
- 884A50
Currant Jam
- 266E53
≈ Sparkling Emerald
- 176983
≈ Ansel
Tetradisch +90° +180° +270°
- 884A50
Currant Jam
- 676122
≈ Greenish Brown
- 006D6D
≈ Caribbean Current
- 5A588D
≈ Berry Mix
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.68:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.14:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--currant-jam: #884a50;
--currant-jam-rgb: 136 74 80;
--currant-jam-oklch: oklch(0.485 0.084 14.5);
}
.element {
color: var(--currant-jam);
background-color: hsl(354 30% 41%);
border-color: oklch(0.485 0.084 14.5);
}Tailwind CSS v4
@theme {
--color-currant-jam: #884a50;
--color-currant-jam-50: #ffeced;
--color-currant-jam-100: #ffddde;
--color-currant-jam-200: #f6c6c8;
--color-currant-jam-300: #dfa6a8;
--color-currant-jam-400: #cb8a8f;
--color-currant-jam-500: #b76e75;
--color-currant-jam-600: #9b5e63;
--color-currant-jam-700: #7c4b4f;
--color-currant-jam-800: #5c363a;
--color-currant-jam-900: #402528;
--color-currant-jam-950: #291316;
}SCSS
$currant-jam: #884a50;
$currant-jam-rgb: 136, 74, 80;
$currant-jam-light: mix(#fff, $currant-jam, 20%);
$currant-jam-dark: mix(#000, $currant-jam, 20%);
.element {
color: $currant-jam;
box-shadow: 0 0 0 2px rgba($currant-jam, 0.35);
}