Cor nomeada mais próxima · #830001
#830001
Cor nomeada mais próxima: Salami
#830001 (rgb(131 0 1), hsl(360 100% 26%), oklch(0.383 0.157 29)) é mais próxima da cor nomeada Salami. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#830001
oklch(0.383 0.157 29)
Conversões de cor
- HEX
- #830001
- RGB
- rgb(131 0 1)
- HSL
- hsl(360 100% 26%)
- HWB
- hwb(360 0% 49%)
- OKLCH
- oklch(0.383 0.157 29)
- OKLab
- oklab(0.383 0.137 0.076)
- CIE Lab
- lab(26.88 49.3 39.97)
- LCH
- lch(26.88 63.47 39)
- CMYK
- cmyk(0% 100% 99% 49%)
Tons claros · Sombras · Tons
Tons claros
- 922A20
- A04439
- AE5B50
- BB7368
- C88980
- D4A198
- E0B8B1
- EBCFCB
- F5E7E5
Sombras
- 710001
- 600001
- 4F0000
- 3F0000
- 2F0000
- 200000
- 120000
- 060000
- 010000
Tons
- 851C14
- 862C23
- 87392F
- 88443B
- 884F47
- 875952
- 87635E
- 856D69
- 837774
Harmonias de cor
Complementar +180°
- 830001
Salami
- 004D56
≈ Watercolour Blue
Análoga -30° +30°
- 830001
Salami
- 7D0041
≈ Wine
- 663500
≈ Nutmeg Wood Finish
Tríade +120° +240°
Complementar dividida +150° +210°
- 830001
Salami
- 004F44
≈ Fjord Green
- 00486C
≈ Adriatic
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.68:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 1.96:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 10.68:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--salami: #830001;
--salami-rgb: 131 0 1;
--salami-oklch: oklch(0.383 0.157 29);
}
.element {
color: var(--salami);
background-color: hsl(360 100% 26%);
border-color: oklch(0.383 0.157 29);
}Tailwind CSS v4
@theme {
--color-salami: #830001;
--color-salami-50: #ffe5da;
--color-salami-100: #ffd5c8;
--color-salami-200: #ffbbab;
--color-salami-300: #fd9885;
--color-salami-400: #ed7667;
--color-salami-500: #db5345;
--color-salami-600: #b9473b;
--color-salami-700: #94392f;
--color-salami-800: #6f2823;
--color-salami-900: #4e1b17;
--color-salami-950: #330a08;
}SCSS
$salami: #830001;
$salami-rgb: 131, 0, 1;
$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);
}