En yakın adlandırılmış renk · #DB3934
#DB3934
En yakın adlandırılmış renk: Blood of My Enemies
#DB3934 (rgb(219 57 52), hsl(2 70% 53%), oklch(0.591 0.2 27.1)) en çok Blood of My Enemies 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.
#DB3934
oklch(0.591 0.2 27.1)
Renk dönüşümleri
- HEX
- #db3934
- RGB
- rgb(219 57 52)
- HSL
- hsl(2 70% 53%)
- HWB
- hwb(2 20% 14%)
- OKLCH
- oklch(0.591 0.2 27.1)
- OKLab
- oklab(0.591 0.178 0.091)
- CIE Lab
- lab(50.57 62.63 42.87)
- LCH
- lch(50.57 75.9 34.4)
- CMYK
- cmyk(0% 74% 76% 14%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E2534A
- E8695E
- ED7D72
- F29186
- F6A399
- F9B6AD
- FCC8C1
- FEDBD6
- FFEDEA
Koyu tonlar
- BE302C
- A22824
- 871F1C
- 6D1715
- 54100E
- 3C0907
- 260403
- 110101
- 020000
Gri tonlar
- D3453E
- CC5047
- C4584F
- BB6057
- B3665E
- AA6C65
- A0726C
- 967773
- 8C7C79
Renk uyumları
Tamamlayıcı +180°
- DB3934
Blood of My Enemies
- 008E9C
≈ Coral Coast
Analog -30° +30°
- DB3934
Blood of My Enemies
- D2377F
≈ Pink Yarrow
- BB6300
≈ Fire Ant
Üçlü +120° +240°
- DB3934
Blood of My Enemies
- 009837
≈ Peppermint Toad
- 4971F2
≈ Blue Öyster Cult
Bölünmüş tamamlayıcı +150° +210°
- DB3934
Blood of My Enemies
- 00927C
≈ Aqua Waters
- 0087C0
≈ Forget-Me-Not
Dörtlü +90° +180° +270°
- DB3934
Blood of My Enemies
- 788700
≈ Elwynn Forest Olive
- 008E9C
≈ Coral Coast
- 8D5AE3
≈ Gloomy Purple
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.64:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.64:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--blood-of-my-enemies: #db3934;
--blood-of-my-enemies-rgb: 219 57 52;
--blood-of-my-enemies-oklch: oklch(0.591 0.2 27.1);
}
.element {
color: var(--blood-of-my-enemies);
background-color: hsl(2 70% 53%);
border-color: oklch(0.591 0.2 27.1);
}Tailwind CSS v4
@theme {
--color-blood-of-my-enemies: #db3934;
--color-blood-of-my-enemies-50: #ffe0d4;
--color-blood-of-my-enemies-100: #ffcfc2;
--color-blood-of-my-enemies-200: #ffb3a2;
--color-blood-of-my-enemies-300: #ff8c7a;
--color-blood-of-my-enemies-400: #fe655a;
--color-blood-of-my-enemies-500: #ed3633;
--color-blood-of-my-enemies-600: #c8302c;
--color-blood-of-my-enemies-700: #a12723;
--color-blood-of-my-enemies-800: #79191b;
--color-blood-of-my-enemies-900: #551112;
--color-blood-of-my-enemies-950: #390204;
}SCSS
$blood-of-my-enemies: #db3934;
$blood-of-my-enemies-rgb: 219, 57, 52;
$blood-of-my-enemies-light: mix(#fff, $blood-of-my-enemies, 20%);
$blood-of-my-enemies-dark: mix(#000, $blood-of-my-enemies, 20%);
.element {
color: $blood-of-my-enemies;
box-shadow: 0 0 0 2px rgba($blood-of-my-enemies, 0.35);
}