Colore con nome · #3F3033
Venous Blood Red
Venous Blood Red è #3F3033: rgb(63 48 51), hsl(348 14% 22%), oklch(0.327 0.022 5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Venous Blood Red color name →
#3F3033
oklch(0.327 0.022 5)
Conversioni di colore
- HEX
- #3f3033
- RGB
- rgb(63 48 51)
- HSL
- hsl(348 14% 22%)
- HWB
- hwb(348 19% 75%)
- OKLCH
- oklch(0.327 0.022 5)
- OKLab
- oklab(0.327 0.022 0.002)
- CIE Lab
- lab(21.67 7.46 0.82)
- LCH
- lch(21.67 7.5 6.3)
- CMYK
- cmyk(0% 24% 19% 75%)
Tinte · Ombre · Toni
Tinte
- 504245
- 625557
- 74686A
- 877C7E
- 9A9192
- ADA6A7
- C1BBBC
- D5D1D2
- EAE8E8
Ombre
- 35282B
- 2C2123
- 231A1C
- 1B1314
- 120C0D
- 0A0607
- 040303
- 010101
- 000000
Toni
- 45373A
- 4C3F41
- 524749
- 584F50
- 5F5658
- 655F60
- 6C6768
- 736F70
- 797778
Armonie di colore
Complementare +180°
- 3F3033
Venous Blood Red
- 283936
≈ Tetsu Black
Analogo -30° +30°
- 3F3033
Venous Blood Red
- 3C3039
≈ Disappearing Purple
- 3F312D
≈ Chinese Ink
Triadico +120° +240°
- 3F3033
Venous Blood Red
- 32372A
≈ Matcha Ash
- 2B3640
≈ Anchorman
Complementare divisa +150° +210°
- 3F3033
Venous Blood Red
- 2C3830
≈ Aimiru Brown
- 28383C
≈ Far Away Grey
Tetradico +90° +180° +270°
- 3F3033
Venous Blood Red
- 383528
≈ Graphite
- 283936
≈ Tetsu Black
- 313440
≈ Parisian Night
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.48:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.68:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.48:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--venous-blood-red: #3f3033;
--venous-blood-red-rgb: 63 48 51;
--venous-blood-red-oklch: oklch(0.327 0.022 5);
}
.element {
color: var(--venous-blood-red);
background-color: hsl(348 14% 22%);
border-color: oklch(0.327 0.022 5);
}Tailwind CSS v4
@theme {
--color-venous-blood-red: #3f3033;
--color-venous-blood-red-50: #fbf3f4;
--color-venous-blood-red-100: #efe5e6;
--color-venous-blood-red-200: #ddd0d2;
--color-venous-blood-red-300: #c2b3b5;
--color-venous-blood-red-400: #ab999c;
--color-venous-blood-red-500: #948084;
--color-venous-blood-red-600: #7d6d70;
--color-venous-blood-red-700: #645759;
--color-venous-blood-red-800: #493f42;
--color-venous-blood-red-900: #332c2d;
--color-venous-blood-red-950: #1f191a;
}SCSS
$venous-blood-red: #3f3033;
$venous-blood-red-rgb: 63, 48, 51;
$venous-blood-red-light: mix(#fff, $venous-blood-red, 20%);
$venous-blood-red-dark: mix(#000, $venous-blood-red, 20%);
.element {
color: $venous-blood-red;
box-shadow: 0 0 0 2px rgba($venous-blood-red, 0.35);
}