Colore con nome · #88455E
Redcurrant
Redcurrant è #88455E: rgb(136 69 94), hsl(338 33% 40%), oklch(0.481 0.096 357.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Redcurrant color name →
#88455E
oklch(0.481 0.096 357.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 95576D
- A1687C
- AD7A8B
- B98D9B
- C59FAB
- D1B2BB
- DDC5CC
- E8D8DD
- F4EBEE
Ombre
- 753B51
- 633144
- 522737
- 411E2B
- 31151F
- 220C14
- 13050A
- 060203
- 010000
Toni
- 884B61
- 885265
- 885868
- 875E6B
- 86636F
- 866972
- 856F76
- 837579
- 827A7D
Armonie di colore
Complementare +180°
- 88455E
Redcurrant
- 006E5E
≈ Forest Splendour
Analogo -30° +30°
- 88455E
Redcurrant
- 7A4979
≈ Purple Passion
- 8C473F
≈ Deep Terra Cotta
Triadico +120° +240°
- 88455E
Redcurrant
- 5A651D
≈ Kirchner Green
- 19658D
≈ Traditional Blue
Complementare divisa +150° +210°
- 88455E
Redcurrant
- 346C3D
≈ Arcala Green
- 006B76
≈ Mary Blue
Tetradico +90° +180° +270°
- 88455E
Redcurrant
- 755A07
≈ Hot Mustard
- 006E5E
≈ Forest Splendour
- 465B94
≈ Blue Dude
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.86:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.05:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
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);
}