Benannte Farbe · #88455E
Redcurrant
Redcurrant ist #88455E: rgb(136 69 94), hsl(338 33% 40%), oklch(0.481 0.096 357.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Redcurrant color name →
#88455E
oklch(0.481 0.096 357.6)
Farbumrechnungen
- HEX
- #88455e
- RGB
- rgb(136 69 94)
- HSL
- hsl(338 33% 40%)
- HWB
- hwb(338 27% 47%)
- OKLCH
- oklch(0.481 0.096 357.6)
- OKLab
- oklab(0.481 0.096 -0.004)
- CIE Lab
- lab(38.59 31.37 -1.13)
- LCH
- lch(38.59 31.39 357.9)
- CMYK
- cmyk(0% 49% 31% 47%)
Tints · Shades · Tones
Tints
- 95576D
- A1687C
- AD7A8B
- B98D9B
- C59FAB
- D1B2BB
- DDC5CC
- E8D8DD
- F4EBEE
Shades
- 753B51
- 633144
- 522737
- 411E2B
- 31151F
- 220C14
- 13050A
- 060203
- 010000
Tones
- 884B61
- 885265
- 885868
- 875E6B
- 86636F
- 866972
- 856F76
- 837579
- 827A7D
Farbharmonien
Komplementär +180°
- 88455E
Redcurrant
- 006E5E
≈ Forest Splendour
Analog -30° +30°
- 88455E
Redcurrant
- 7A4979
≈ Purple Passion
- 8C473F
≈ Deep Terra Cotta
Triadisch +120° +240°
- 88455E
Redcurrant
- 5A651D
≈ Kirchner Green
- 19658D
≈ Traditional Blue
Geteilt komplementär +150° +210°
- 88455E
Redcurrant
- 346C3D
≈ Arcala Green
- 006B76
≈ Mary Blue
Tetradisch +90° +180° +270°
- 88455E
Redcurrant
- 755A07
≈ Hot Mustard
- 006E5E
≈ Forest Splendour
- 465B94
≈ Blue Dude
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.86:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.05:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--redcurrant: #88455e;
--redcurrant-rgb: 136 69 94;
--redcurrant-oklch: oklch(0.481 0.096 357.6);
}
.element {
color: var(--redcurrant);
background-color: hsl(338 33% 40%);
border-color: oklch(0.481 0.096 357.6);
}Tailwind CSS v4
@theme {
--color-redcurrant: #88455e;
--color-redcurrant-50: #ffeaf4;
--color-redcurrant-100: #ffdbe7;
--color-redcurrant-200: #f8c4d3;
--color-redcurrant-300: #e1a3b6;
--color-redcurrant-400: #cd869e;
--color-redcurrant-500: #b96a86;
--color-redcurrant-600: #9c5a72;
--color-redcurrant-700: #7d485b;
--color-redcurrant-800: #5c3444;
--color-redcurrant-900: #41232f;
--color-redcurrant-950: #29121b;
}SCSS
$redcurrant: #88455e;
$redcurrant-rgb: 136, 69, 94;
$redcurrant-light: mix(#fff, $redcurrant, 20%);
$redcurrant-dark: mix(#000, $redcurrant, 20%);
.element {
color: $redcurrant;
box-shadow: 0 0 0 2px rgba($redcurrant, 0.35);
}