Màu có tên · #DD0D06
Passion for Revenge
Passion for Revenge là #DD0D06: rgb(221 13 6), hsl(2 95% 45%), oklch(0.567 0.228 29.3). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Red mean? → · Passion for Revenge color name →
#DD0D06
oklch(0.567 0.228 29.3)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E43D2F
- EA5949
- F07161
- F58777
- F99C8E
- FCB0A4
- FEC4BA
- FFD8D1
- FFEBE8
Sắc đậm
- C00A04
- A40703
- 880502
- 6E0301
- 550201
- 3D0100
- 260000
- 110000
- 020000
Sắc xám
- D62D21
- CE3E31
- C64B3D
- BE5648
- B55F52
- AC675C
- A26E65
- 98746F
- 8C7A77
Hòa sắc
Bổ túc +180°
- DD0D06
Passion for Revenge
- 008695
≈ Painted Sea
Tương đồng -30° +30°
- DD0D06
Passion for Revenge
- D50573
≈ Moth Orchid
- AE5F00
≈ Orange Brown
Bộ ba +120° +240°
- DD0D06
Passion for Revenge
- 008F3D
≈ Viper Green
- 4461FA
≈ Secret of Mana
Bổ túc chia +150° +210°
- DD0D06
Passion for Revenge
- 008A78
≈ Emerald Enchantment
- 007FB9
≈ Meissen Blue
Bộ bốn +90° +180° +270°
- DD0D06
Passion for Revenge
- 6E8100
≈ Verde Tropa
- 008695
≈ Painted Sea
- 8D46E6
≈ Pericallis Hybrida
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.07:1 · APCA Lc 72
Ag
FailTrên nền đen
WCAG 4.13:1 · APCA Lc 29
Màu chữ tốt nhất: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 72
Contrast pairs
Đoạn mã
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);
}