Adlandırılmış renk · #DD0D06
Passion for Revenge
Passion for Revenge, #DD0D06: rgb(221 13 6), hsl(2 95% 45%), oklch(0.567 0.228 29.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Passion for Revenge color name →
#DD0D06
oklch(0.567 0.228 29.3)
Renk dönüşümleri
- HEX
- #dd0d06
- RGB
- rgb(221 13 6)
- HSL
- hsl(2 95% 45%)
- HWB
- hwb(2 2% 13%)
- OKLCH
- oklch(0.567 0.228 29.3)
- OKLab
- oklab(0.567 0.199 0.112)
- CIE Lab
- lab(47.48 71.51 60.96)
- LCH
- lch(47.48 93.96 40.4)
- CMYK
- cmyk(0% 94% 97% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E43D2F
- EA5949
- F07161
- F58777
- F99C8E
- FCB0A4
- FEC4BA
- FFD8D1
- FFEBE8
Koyu tonlar
- C00A04
- A40703
- 880502
- 6E0301
- 550201
- 3D0100
- 260000
- 110000
- 020000
Gri tonlar
- D62D21
- CE3E31
- C64B3D
- BE5648
- B55F52
- AC675C
- A26E65
- 98746F
- 8C7A77
Renk uyumları
Tamamlayıcı +180°
- DD0D06
Passion for Revenge
- 008695
≈ Painted Sea
Analog -30° +30°
- DD0D06
Passion for Revenge
- D50573
≈ Moth Orchid
- AE5F00
≈ Orange Brown
Üçlü +120° +240°
- DD0D06
Passion for Revenge
- 008F3D
≈ Viper Green
- 4461FA
≈ Secret of Mana
Bölünmüş tamamlayıcı +150° +210°
- DD0D06
Passion for Revenge
- 008A78
≈ Emerald Enchantment
- 007FB9
≈ Meissen Blue
Dörtlü +90° +180° +270°
- DD0D06
Passion for Revenge
- 6E8100
≈ Verde Tropa
- 008695
≈ Painted Sea
- 8D46E6
≈ Pericallis Hybrida
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.07:1 · APCA Lc 72
Ag
FailSiyah üzerinde
WCAG 4.13:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--passion-for-revenge: #dd0d06;
--passion-for-revenge-rgb: 221 13 6;
--passion-for-revenge-oklch: oklch(0.567 0.228 29.3);
}
.element {
color: var(--passion-for-revenge);
background-color: hsl(2 95% 45%);
border-color: oklch(0.567 0.228 29.3);
}Tailwind CSS v4
@theme {
--color-passion-for-revenge: #dd0d06;
--color-passion-for-revenge-50: #ffddcd;
--color-passion-for-revenge-100: #ffcbb9;
--color-passion-for-revenge-200: #ffad97;
--color-passion-for-revenge-300: #ff846b;
--color-passion-for-revenge-400: #ff5846;
--color-passion-for-revenge-500: #f90c05;
--color-passion-for-revenge-600: #d3160d;
--color-passion-for-revenge-700: #aa130b;
--color-passion-for-revenge-800: #7f090d;
--color-passion-for-revenge-900: #5a0708;
--color-passion-for-revenge-950: #3c0000;
}SCSS
$passion-for-revenge: #dd0d06;
$passion-for-revenge-rgb: 221, 13, 6;
$passion-for-revenge-light: mix(#fff, $passion-for-revenge, 20%);
$passion-for-revenge-dark: mix(#000, $passion-for-revenge, 20%);
.element {
color: $passion-for-revenge;
box-shadow: 0 0 0 2px rgba($passion-for-revenge, 0.35);
}