Cor nomeada · #850101
Sacrifice Altar
Sacrifice Altar é #850101: rgb(133 1 1), hsl(0 99% 26%), oklch(0.388 0.158 29.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Sacrifice Altar color name →
#850101
oklch(0.388 0.158 29.1)
Conversões de cor
- HEX
- #850101
- RGB
- rgb(133 1 1)
- HSL
- hsl(0 99% 26%)
- HWB
- hwb(0 0% 48%)
- OKLCH
- oklch(0.388 0.158 29.1)
- OKLab
- oklab(0.388 0.138 0.077)
- CIE Lab
- lab(27.41 49.68 40.64)
- LCH
- lch(27.41 64.18 39.3)
- CMYK
- cmyk(0% 99% 99% 48%)
Tons claros · Sombras · Tons
Tons claros
- 942A21
- A24539
- B05C51
- BD7368
- C98A80
- D5A199
- E0B8B1
- EBCFCB
- F5E7E5
Sombras
- 730101
- 610101
- 500000
- 400000
- 300000
- 210000
- 130000
- 060000
- 010000
Tons
- 871D15
- 882C23
- 893930
- 89453B
- 894F47
- 885A52
- 87635E
- 856D69
- 837775
Harmonias de cor
Complementar +180°
- 850101
Sacrifice Altar
- 004E58
≈ Watercolour Blue
Análoga -30° +30°
- 850101
Sacrifice Altar
- 7F0042
≈ Wine
- 673600
≈ Nutmeg Wood Finish
Tríade +120° +240°
- 850101
Sacrifice Altar
- 005420
≈ O Tannenbaum
- 253797
≈ Liquid Denim
Complementar dividida +150° +210°
- 850101
Sacrifice Altar
- 005045
≈ Fjord Green
- 004A6E
≈ Broadwater Blue
Tétrade +90° +180° +270°
- 850101
Sacrifice Altar
- 3F4B00
≈ No Emissions Green
- 004E58
≈ Watercolour Blue
- 53258B
≈ KSU Purple
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.48:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 2.00:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 10.48:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--sacrifice-altar: #850101;
--sacrifice-altar-rgb: 133 1 1;
--sacrifice-altar-oklch: oklch(0.388 0.158 29.1);
}
.element {
color: var(--sacrifice-altar);
background-color: hsl(0 99% 26%);
border-color: oklch(0.388 0.158 29.1);
}Tailwind CSS v4
@theme {
--color-sacrifice-altar: #850101;
--color-sacrifice-altar-50: #ffe5da;
--color-sacrifice-altar-100: #ffd5c8;
--color-sacrifice-altar-200: #ffbbab;
--color-sacrifice-altar-300: #fe9785;
--color-sacrifice-altar-400: #ed7666;
--color-sacrifice-altar-500: #db5244;
--color-sacrifice-altar-600: #b9473a;
--color-sacrifice-altar-700: #95382e;
--color-sacrifice-altar-800: #6f2722;
--color-sacrifice-altar-900: #4e1b17;
--color-sacrifice-altar-950: #340a08;
}SCSS
$sacrifice-altar: #850101;
$sacrifice-altar-rgb: 133, 1, 1;
$sacrifice-altar-light: mix(#fff, $sacrifice-altar, 20%);
$sacrifice-altar-dark: mix(#000, $sacrifice-altar, 20%);
.element {
color: $sacrifice-altar;
box-shadow: 0 0 0 2px rgba($sacrifice-altar, 0.35);
}