En yakın adlandırılmış renk · #451624
#451624
En yakın adlandırılmış renk: What We Do in the Shadows
#451624 (rgb(69 22 36), hsl(342 52% 18%), oklch(0.279 0.074 4.7)) en çok What We Do in the Shadows adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#451624
oklch(0.279 0.074 4.7)
Renk dönüşümleri
- HEX
- #451624
- RGB
- rgb(69 22 36)
- HSL
- hsl(342 52% 18%)
- HWB
- hwb(342 9% 73%)
- OKLCH
- oklch(0.279 0.074 4.7)
- OKLab
- oklab(0.279 0.073 0.006)
- CIE Lab
- lab(15.52 24.08 2.7)
- LCH
- lch(15.52 24.23 6.4)
- CMYK
- cmyk(0% 68% 48% 73%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 572B36
- 69404A
- 7C565E
- 8E6C73
- A18389
- B39BA0
- C6B3B7
- D9CCCE
- ECE5E6
Koyu tonlar
- 3B121E
- 310D18
- 270912
- 1E060C
- 150307
- 0C0204
- 050102
- 020000
- 000000
Gri tonlar
- 4C212C
- 522B35
- 58353E
- 5F4047
- 654A50
- 6A5559
- 705F63
- 756A6C
- 7B7576
Renk uyumları
Tamamlayıcı +180°
- 451624
What We Do in the Shadows
- 00302C
≈ Roof Tile Green
Analog -30° +30°
- 451624
What We Do in the Shadows
- 3E1937
≈ Nightly Voyager
- 46180D
≈ Barbecue Sauce
Üçlü +120° +240°
- 451624
What We Do in the Shadows
- 212E00
≈ Blind Forest
- 002B48
≈ Royal Blue Metallic
Bölünmüş tamamlayıcı +150° +210°
- 451624
What We Do in the Shadows
- 003218
≈ Haunted Hills
- 002F38
≈ Black Chasm
Dörtlü +90° +180° +270°
- 451624
What We Do in the Shadows
- 322800
≈ Secret Passage
- 00302C
≈ Roof Tile Green
- 1F244C
≈ Black Market
Kontrast ve erişilebilirlik
Beyaz üzerinde
WCAG 15.07:1 · APCA Lc 102
Siyah üzerinde
WCAG 1.39:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 15.07:1 (AAA) · APCA Lc 102
Contrast pairs
Kod parçacıkları
CSS
:root {
--what-we-do-in-the-shadows: #451624;
--what-we-do-in-the-shadows-rgb: 69 22 36;
--what-we-do-in-the-shadows-oklch: oklch(0.279 0.074 4.7);
}
.element {
color: var(--what-we-do-in-the-shadows);
background-color: hsl(342 52% 18%);
border-color: oklch(0.279 0.074 4.7);
}Tailwind CSS v4
@theme {
--color-what-we-do-in-the-shadows: #451624;
--color-what-we-do-in-the-shadows-50: #ffedf1;
--color-what-we-do-in-the-shadows-100: #ffdee4;
--color-what-we-do-in-the-shadows-200: #f1c8cf;
--color-what-we-do-in-the-shadows-300: #daa8b1;
--color-what-we-do-in-the-shadows-400: #c58c99;
--color-what-we-do-in-the-shadows-500: #b07180;
--color-what-we-do-in-the-shadows-600: #95606c;
--color-what-we-do-in-the-shadows-700: #774d56;
--color-what-we-do-in-the-shadows-800: #583840;
--color-what-we-do-in-the-shadows-900: #3e262c;
--color-what-we-do-in-the-shadows-950: #271419;
}SCSS
$what-we-do-in-the-shadows: #451624;
$what-we-do-in-the-shadows-rgb: 69, 22, 36;
$what-we-do-in-the-shadows-light: mix(#fff, $what-we-do-in-the-shadows, 20%);
$what-we-do-in-the-shadows-dark: mix(#000, $what-we-do-in-the-shadows, 20%);
.element {
color: $what-we-do-in-the-shadows;
box-shadow: 0 0 0 2px rgba($what-we-do-in-the-shadows, 0.35);
}