最接近的命名颜色 · #CE2C17
#CE2C17
最接近的命名颜色: Pizza Flame
#CE2C17（rgb(206 44 23)、hsl(7 80% 45%)、oklch(0.555 0.2 31)）最接近命名颜色 Pizza Flame。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CE2C17
oklch(0.555 0.2 31)
颜色转换
- HEX
- #ce2c17
- RGB
- rgb(206 44 23)
- HSL
- hsl(7 80% 45%)
- HWB
- hwb(7 9% 19%)
- OKLCH
- oklch(0.555 0.2 31)
- OKLab
- oklab(0.555 0.172 0.103)
- CIE Lab
- lab(46.43 62.02 52.64)
- LCH
- lch(46.43 81.35 40.3)
- CMYK
- cmyk(0% 79% 89% 19%)
浅色调 · 深色调 · 灰色调
浅色调
- D64935
- DD614D
- E47664
- EA8B7A
- F09E8F
- F4B2A5
- F8C5BB
- FBD8D2
- FEECE8
深色调
- B32512
- 981E0E
- 7F170A
- 661106
- 4E0A04
- 380502
- 230201
- 0F0100
- 020000
灰色调
- C83B28
- C24735
- BB5141
- B45A4B
- AD6254
- A5695E
- 9D6F66
- 94756F
- 8A7B78
配色和谐
互补色 +180°
- CE2C17
Pizza Flame
- 008193
≈ Craftsman Blue
类似色 -30° +30°
- CE2C17
Pizza Flame
- C8276C
≈ Sensitive Scorpion
- A85E00
≈ Raw Umber
三角配色 +120° +240°
- CE2C17
Pizza Flame
- 008A42
≈ The Wild Apothecary
- 4B62E6
≈ Arcane Brew
分裂互补色 +150° +210°
- CE2C17
Pizza Flame
- 008676
≈ Summer Turquoise
- 007AB7
≈ Star Command Blue
四角配色 +90° +180° +270°
- CE2C17
Pizza Flame
- 687E00
≈ Jungle Vibes
- 008193
≈ Craftsman Blue
- 894BD3
≈ Gloomy Purple
对比度与无障碍
Ag
AA白底
WCAG 5.25:1 · APCA Lc 74
Ag
Fail黑底
WCAG 3.99:1 · APCA Lc 27
最佳文字颜色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--pizza-flame: #ce2c17;
--pizza-flame-rgb: 206 44 23;
--pizza-flame-oklch: oklch(0.555 0.2 31);
}
.element {
color: var(--pizza-flame);
background-color: hsl(7 80% 45%);
border-color: oklch(0.555 0.2 31);
}Tailwind CSS v4
@theme {
--color-pizza-flame: #ce2c17;
--color-pizza-flame-50: #ffe1d1;
--color-pizza-flame-100: #ffd0bd;
--color-pizza-flame-200: #ffb49c;
--color-pizza-flame-300: #ff8d72;
--color-pizza-flame-400: #fe664f;
--color-pizza-flame-500: #ed3820;
--color-pizza-flame-600: #c9321e;
--color-pizza-flame-700: #a12818;
--color-pizza-flame-800: #791a13;
--color-pizza-flame-900: #55110c;
--color-pizza-flame-950: #390202;
}SCSS
$pizza-flame: #ce2c17;
$pizza-flame-rgb: 206, 44, 23;
$pizza-flame-light: mix(#fff, $pizza-flame, 20%);
$pizza-flame-dark: mix(#000, $pizza-flame, 20%);
.element {
color: $pizza-flame;
box-shadow: 0 0 0 2px rgba($pizza-flame, 0.35);
}