Adlandırılmış renk · #3F3033
Venous Blood Red
Venous Blood Red, #3F3033: rgb(63 48 51), hsl(348 14% 22%), oklch(0.327 0.022 5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Venous Blood Red color name →
#3F3033
oklch(0.327 0.022 5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 504245
- 625557
- 74686A
- 877C7E
- 9A9192
- ADA6A7
- C1BBBC
- D5D1D2
- EAE8E8
Koyu tonlar
- 35282B
- 2C2123
- 231A1C
- 1B1314
- 120C0D
- 0A0607
- 040303
- 010101
- 000000
Gri tonlar
- 45373A
- 4C3F41
- 524749
- 584F50
- 5F5658
- 655F60
- 6C6768
- 736F70
- 797778
Renk uyumları
Tamamlayıcı +180°
- 3F3033
Venous Blood Red
- 283936
≈ Tetsu Black
Analog -30° +30°
- 3F3033
Venous Blood Red
- 3C3039
≈ Disappearing Purple
- 3F312D
≈ Chinese Ink
Üçlü +120° +240°
- 3F3033
Venous Blood Red
- 32372A
≈ Matcha Ash
- 2B3640
≈ Anchorman
Bölünmüş tamamlayıcı +150° +210°
- 3F3033
Venous Blood Red
- 2C3830
≈ Aimiru Brown
- 28383C
≈ Far Away Grey
Dörtlü +90° +180° +270°
- 3F3033
Venous Blood Red
- 383528
≈ Graphite
- 283936
≈ Tetsu Black
- 313440
≈ Parisian Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.48:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.68:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.48:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
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);
}