Cor nomeada · #4B0101
Dried Blood
Dried Blood é #4B0101: rgb(75 1 1), hsl(0 97% 15%), oklch(0.26 0.105 28.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Dried Blood color name →
#4B0101
oklch(0.26 0.105 28.9)
Conversões de cor
- HEX
- #4b0101
- RGB
- rgb(75 1 1)
- HSL
- hsl(0 97% 15%)
- HWB
- hwb(0 0% 71%)
- OKLCH
- oklch(0.26 0.105 28.9)
- OKLab
- oklab(0.26 0.092 0.051)
- CIE Lab
- lab(13.16 33.01 20.38)
- LCH
- lch(13.16 38.79 31.7)
- CMYK
- cmyk(0% 99% 99% 71%)
Tons claros · Sombras · Tons
Tons claros
- 5E1E18
- 71362F
- 834E46
- 95655E
- A77E77
- B99691
- CAB0AB
- DCCAC7
- EDE4E2
Sombras
- 400101
- 350101
- 2B0000
- 210000
- 170000
- 0E0000
- 060000
- 020000
- 000000
Tons
- 52130D
- 58211A
- 5F2D27
- 643933
- 6A453F
- 6F504C
- 745C58
- 786865
- 7C7473
Harmonias de cor
Complementar +180°
- 4B0101
Dried Blood
- 002A30
≈ Daintree
Análoga -30° +30°
- 4B0101
Dried Blood
- 480023
≈ Blaze It Dark Magenta
- 391B00
≈ American Bronze
Tríade +120° +240°
- 4B0101
Dried Blood
- 002D0E
≈ Haunted Forest
- 101C56
≈ Downriver
Complementar dividida +150° +210°
- 4B0101
Dried Blood
- 002B24
≈ Deep Slate Green
- 00273D
≈ Murky Depths
Tétrade +90° +180° +270°
- 4B0101
Dried Blood
- 212800
≈ Lindworm Green
- 002A30
≈ Daintree
- 2C124F
≈ Oily Purple
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 16.10:1 · APCA Lc 102
Ag
FailSobre preto
WCAG 1.30:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 16.10:1 (AAA) · APCA Lc 102
Contrast pairs
Trechos de código
CSS
:root {
--dried-blood: #4b0101;
--dried-blood-rgb: 75 1 1;
--dried-blood-oklch: oklch(0.26 0.105 28.9);
}
.element {
color: var(--dried-blood);
background-color: hsl(0 97% 15%);
border-color: oklch(0.26 0.105 28.9);
}Tailwind CSS v4
@theme {
--color-dried-blood: #4b0101;
--color-dried-blood-50: #ffebe3;
--color-dried-blood-100: #ffdcd3;
--color-dried-blood-200: #fec4b9;
--color-dried-blood-300: #e8a497;
--color-dried-blood-400: #d5867a;
--color-dried-blood-500: #c2695d;
--color-dried-blood-600: #a4594f;
--color-dried-blood-700: #84473f;
--color-dried-blood-800: #62332e;
--color-dried-blood-900: #45231f;
--color-dried-blood-950: #2c120f;
}SCSS
$dried-blood: #4b0101;
$dried-blood-rgb: 75, 1, 1;
$dried-blood-light: mix(#fff, $dried-blood, 20%);
$dried-blood-dark: mix(#000, $dried-blood, 20%);
.element {
color: $dried-blood;
box-shadow: 0 0 0 2px rgba($dried-blood, 0.35);
}