Benoemde kleur · #820000
Salami
Salami is #820000: rgb(130 0 0), hsl(0 100% 25%), oklch(0.381 0.156 29.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Salami color name →
#820000
oklch(0.381 0.156 29.2)
Kleurconversies
- HEX
- #820000
- RGB
- rgb(130 0 0)
- HSL
- hsl(0 100% 25%)
- HWB
- hwb(0 0% 49%)
- OKLCH
- oklch(0.381 0.156 29.2)
- OKLab
- oklab(0.381 0.136 0.076)
- CIE Lab
- lab(26.64 49.02 40.06)
- LCH
- lch(26.64 63.31 39.3)
- CMYK
- cmyk(0% 100% 100% 49%)
Tinten · Schaduwen · Tonen
Tinten
- 912920
- A04438
- AD5B50
- BB7267
- C7897F
- D4A098
- DFB8B1
- EACFCA
- F5E7E4
Schaduwen
- 700000
- 5F0000
- 4E0000
- 3E0000
- 2F0000
- 200000
- 120000
- 060000
- 010000
Tonen
- 841C14
- 852C22
- 86382F
- 87443B
- 874F46
- 875952
- 86635D
- 856D69
- 837674
Kleurharmonieën
Complementair +180°
- 820000
Salami
- 004C55
≈ Watercolour Blue
Analoog -30° +30°
- 820000
Salami
- 7C0040
≈ Wine
- 653400
≈ Beasty Brown
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 820000
Salami
- 004E43
≈ Fjord Green
- 00486B
≈ Adriatic
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.77:1 · APCA Lc 93
Ag
FailOp zwart
WCAG 1.94:1 · APCA Lc 10
Beste tekstkleur: #FFFFFF
WCAG 10.77:1 (AAA) · APCA Lc 93
Contrast pairs
Codefragmenten
CSS
:root {
--salami: #820000;
--salami-rgb: 130 0 0;
--salami-oklch: oklch(0.381 0.156 29.2);
}
.element {
color: var(--salami);
background-color: hsl(0 100% 25%);
border-color: oklch(0.381 0.156 29.2);
}Tailwind CSS v4
@theme {
--color-salami: #820000;
--color-salami-50: #ffe6da;
--color-salami-100: #ffd5c8;
--color-salami-200: #ffbcab;
--color-salami-300: #fd9885;
--color-salami-400: #ec7667;
--color-salami-500: #da5344;
--color-salami-600: #b8483b;
--color-salami-700: #94392f;
--color-salami-800: #6f2823;
--color-salami-900: #4e1b17;
--color-salami-950: #330a08;
}SCSS
$salami: #820000;
$salami-rgb: 130, 0, 0;
$salami-light: mix(#fff, $salami, 20%);
$salami-dark: mix(#000, $salami, 20%);
.element {
color: $salami;
box-shadow: 0 0 0 2px rgba($salami, 0.35);
}