最接近的命名颜色 · #FF613C
#FF613C
最接近的命名颜色: Halloween
#FF613C（rgb(255 97 60)、hsl(11 100% 62%)、oklch(0.693 0.2 34.5)）最接近命名颜色 Halloween。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FF613C
oklch(0.693 0.2 34.5)
颜色转换
- HEX
- #ff613c
- RGB
- rgb(255 97 60)
- HSL
- hsl(11 100% 62%)
- HWB
- hwb(11 24% 0%)
- OKLCH
- oklch(0.693 0.2 34.5)
- OKLab
- oklab(0.693 0.165 0.113)
- CIE Lab
- lab(62.59 59.87 53.05)
- LCH
- lch(62.59 79.99 41.5)
- CMYK
- cmyk(0% 62% 76% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FF7453
- FF8567
- FF967B
- FFA68E
- FFB5A1
- FFC4B4
- FFD3C6
- FFE2D9
- FFF0EC
深色调
- DE5333
- BE462A
- 9E3921
- 802D19
- 632111
- 48150A
- 2E0B04
- 160301
- 030000
灰色调
- F36746
- E76C4F
- DB7057
- CF745E
- C37765
- B67A6B
- A97C70
- 9C7E76
- 8E7F7B
配色和谐
互补色 +180°
- FF613C
Halloween
- 00AFCB
≈ Havasupai Falls
类似色 -30° +30°
- FF613C
Halloween
- FB5A8D
≈ Stellar Strawberry
- DD8400
≈ Tangerine Haze
三角配色 +120° +240°
- FF613C
Halloween
- 00BA69
≈ Green Elliott
- 7F91FF
≈ Lavender Blue Shadow
分裂互补色 +150° +210°
- FF613C
Halloween
- 00B4A5
≈ Glass Jar Blue
- 00A4FE
≈ Protoss Pylon
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.98:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.02:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.02:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--halloween: #ff613c;
--halloween-rgb: 255 97 60;
--halloween-oklch: oklch(0.693 0.2 34.5);
}
.element {
color: var(--halloween);
background-color: hsl(11 100% 62%);
border-color: oklch(0.693 0.2 34.5);
}Tailwind CSS v4
@theme {
--color-halloween: #ff613c;
--color-halloween-50: #ffe2cd;
--color-halloween-100: #ffd1b9;
--color-halloween-200: #ffb597;
--color-halloween-300: #ff8f6b;
--color-halloween-400: #fd6845;
--color-halloween-500: #ed3b01;
--color-halloween-600: #c8340b;
--color-halloween-700: #a12a0a;
--color-halloween-800: #781c0b;
--color-halloween-900: #551307;
--color-halloween-950: #390300;
}SCSS
$halloween: #ff613c;
$halloween-rgb: 255, 97, 60;
$halloween-light: mix(#fff, $halloween, 20%);
$halloween-dark: mix(#000, $halloween, 20%);
.element {
color: $halloween;
box-shadow: 0 0 0 2px rgba($halloween, 0.35);
}