色名 · #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);
}