이름 색상 · #DD0D06
Passion for Revenge
Passion for Revenge은(는) #DD0D06: rgb(221 13 6), hsl(2 95% 45%), oklch(0.567 0.228 29.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Passion for Revenge color name →
#DD0D06
oklch(0.567 0.228 29.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E43D2F
- EA5949
- F07161
- F58777
- F99C8E
- FCB0A4
- FEC4BA
- FFD8D1
- FFEBE8
셰이드
- C00A04
- A40703
- 880502
- 6E0301
- 550201
- 3D0100
- 260000
- 110000
- 020000
톤
- D62D21
- CE3E31
- C64B3D
- BE5648
- B55F52
- AC675C
- A26E65
- 98746F
- 8C7A77
색 조화
보색 +180°
- DD0D06
Passion for Revenge
- 008695
≈ Painted Sea
유사색 -30° +30°
- DD0D06
Passion for Revenge
- D50573
≈ Moth Orchid
- AE5F00
≈ Orange Brown
삼각 배색 +120° +240°
- DD0D06
Passion for Revenge
- 008F3D
≈ Viper Green
- 4461FA
≈ Secret of Mana
분열 보색 +150° +210°
- DD0D06
Passion for Revenge
- 008A78
≈ Emerald Enchantment
- 007FB9
≈ Meissen Blue
사각 배색 +90° +180° +270°
- DD0D06
Passion for Revenge
- 6E8100
≈ Verde Tropa
- 008695
≈ Painted Sea
- 8D46E6
≈ Pericallis Hybrida
대비 및 접근성
Ag
AA흰색 위
WCAG 5.07:1 · APCA Lc 72
Ag
Fail검은색 위
WCAG 4.13:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 5.07:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
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);
}