이름 색상 · #DD0011
Red Knuckles
Red Knuckles은(는) #DD0011: rgb(221 0 17), hsl(355 100% 43%), oklch(0.564 0.23 27.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Red Knuckles color name →
#DD0011
oklch(0.564 0.23 27.8)
색상 변환
- HEX
- #dd0011
- RGB
- rgb(221 0 17)
- HSL
- hsl(355 100% 43%)
- HWB
- hwb(355 0% 13%)
- OKLCH
- oklch(0.564 0.23 27.8)
- OKLab
- oklab(0.564 0.204 0.108)
- CIE Lab
- lab(47.13 72.63 57.37)
- LCH
- lch(47.13 92.55 38.3)
- CMYK
- cmyk(0% 100% 92% 13%)
틴트 · 셰이드 · 톤
틴트
- E43A33
- EB574C
- F07062
- F58679
- F99B8F
- FCAFA5
- FEC3BB
- FFD7D1
- FFEBE8
셰이드
- C0000D
- A40009
- 880006
- 6E0004
- 550002
- 3D0001
- 260000
- 110000
- 020000
톤
- D62925
- CE3C33
- C6493F
- BE544A
- B55E54
- AC665D
- A26D66
- 98746F
- 8C7A78
색 조화
보색 +180°
- DD0011
Red Knuckles
- 008593
≈ Painted Sea
유사색 -30° +30°
- DD0011
Red Knuckles
- D30075
≈ Moth Orchid
- AF5D00
≈ Orangish Brown
삼각 배색 +120° +240°
- DD0011
Red Knuckles
- 008E36
≈ Viper Green
- 3E61FA
≈ Secret of Mana
분열 보색 +150° +210°
- DD0011
Red Knuckles
- 008975
≈ Emerald Enchantment
- 007EB6
≈ Artesian Water
사각 배색 +90° +180° +270°
- DD0011
Red Knuckles
- 707F00
≈ Verde Tropa
- 008593
≈ Painted Sea
- 8A45E8
≈ Pericallis Hybrida
대비 및 접근성
Ag
AA흰색 위
WCAG 5.14:1 · APCA Lc 72
Ag
Fail검은색 위
WCAG 4.08:1 · APCA Lc 29
가장 좋은 글자색: #FFFFFF
WCAG 5.14:1 (AA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--red-knuckles: #dd0011;
--red-knuckles-rgb: 221 0 17;
--red-knuckles-oklch: oklch(0.564 0.23 27.8);
}
.element {
color: var(--red-knuckles);
background-color: hsl(355 100% 43%);
border-color: oklch(0.564 0.23 27.8);
}Tailwind CSS v4
@theme {
--color-red-knuckles: #dd0011;
--color-red-knuckles-50: #ffddce;
--color-red-knuckles-100: #ffcbba;
--color-red-knuckles-200: #ffac99;
--color-red-knuckles-300: #ff826e;
--color-red-knuckles-400: #ff564a;
--color-red-knuckles-500: #fb0015;
--color-red-knuckles-600: #d41016;
--color-red-knuckles-700: #aa0f12;
--color-red-knuckles-800: #800610;
--color-red-knuckles-900: #5a060a;
--color-red-knuckles-950: #3d0001;
}SCSS
$red-knuckles: #dd0011;
$red-knuckles-rgb: 221, 0, 17;
$red-knuckles-light: mix(#fff, $red-knuckles, 20%);
$red-knuckles-dark: mix(#000, $red-knuckles, 20%);
.element {
color: $red-knuckles;
box-shadow: 0 0 0 2px rgba($red-knuckles, 0.35);
}