命名颜色 · #EC4F28
Hot Shot
Hot Shot 即 #EC4F28：rgb(236 79 40)、hsl(12 84% 54%)、oklch(0.64 0.2 34.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Hot Shot color name →
#EC4F28
oklch(0.64 0.2 34.7)
颜色转换
- HEX
- #ec4f28
- RGB
- rgb(236 79 40)
- HSL
- hsl(12 84% 54%)
- HWB
- hwb(12 16% 7%)
- OKLCH
- oklch(0.64 0.2 34.7)
- OKLab
- oklab(0.64 0.164 0.114)
- CIE Lab
- lab(56.48 60.13 55.6)
- LCH
- lch(56.48 81.9 42.8)
- CMYK
- cmyk(0% 67% 83% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- F16543
- F5785A
- F88A6F
- FB9C84
- FEAD98
- FFBEAD
- FFCEC1
- FFDED6
- FFEFEA
深色调
- CD4421
- AF381B
- 922E15
- 76230F
- 5B1909
- 421004
- 290702
- 130201
- 030000
灰色调
- E25836
- D95F42
- CF654B
- C56A54
- BA6F5D
- AF7364
- A4776C
- 997A73
- 8D7D79
配色和谐
互补色 +180°
- EC4F28
Hot Shot
- 009DB7
≈ Brilliant Sea
类似色 -30° +30°
- EC4F28
Hot Shot
- E8477C
≈ Kacey’s Pink
- C77600
≈ Dirty Orange
三角配色 +120° +240°
- EC4F28
Hot Shot
- 00A75F
≈ Greedo Green
- 6D7BFF
≈ Byzantine Night Blue
分裂互补色 +150° +210°
- EC4F28
Hot Shot
- 00A295
≈ Turquish
- 0093E6
≈ Pervenche
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.67:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.71:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.71:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--hot-shot: #ec4f28;
--hot-shot-rgb: 236 79 40;
--hot-shot-oklch: oklch(0.64 0.2 34.7);
}
.element {
color: var(--hot-shot);
background-color: hsl(12 84% 54%);
border-color: oklch(0.64 0.2 34.7);
}Tailwind CSS v4
@theme {
--color-hot-shot: #ec4f28;
--color-hot-shot-50: #ffe2cd;
--color-hot-shot-100: #ffd1b9;
--color-hot-shot-200: #ffb597;
--color-hot-shot-300: #ff8f6b;
--color-hot-shot-400: #fd6844;
--color-hot-shot-500: #ed3b00;
--color-hot-shot-600: #c83408;
--color-hot-shot-700: #a12a08;
--color-hot-shot-800: #781c0a;
--color-hot-shot-900: #551306;
--color-hot-shot-950: #390300;
}SCSS
$hot-shot: #ec4f28;
$hot-shot-rgb: 236, 79, 40;
$hot-shot-light: mix(#fff, $hot-shot, 20%);
$hot-shot-dark: mix(#000, $hot-shot, 20%);
.element {
color: $hot-shot;
box-shadow: 0 0 0 2px rgba($hot-shot, 0.35);
}