命名颜色 · #F79D72
Burning Coals
Burning Coals 即 #F79D72：rgb(247 157 114)、hsl(19 89% 71%)、oklch(0.778 0.122 46)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Burning Coals color name →
#F79D72
oklch(0.778 0.122 46)
颜色转换
- HEX
- #f79d72
- RGB
- rgb(247 157 114)
- HSL
- hsl(19 89% 71%)
- HWB
- hwb(19 45% 3%)
- OKLCH
- oklch(0.778 0.122 46)
- OKLab
- oklab(0.778 0.085 0.088)
- CIE Lab
- lab(73.47 31.38 37.11)
- LCH
- lch(73.47 48.6 49.8)
- CMYK
- cmyk(0% 36% 54% 3%)
浅色调 · 深色调 · 灰色调
浅色调
- F9A781
- FAB18F
- FCBB9D
- FDC5AB
- FECFB9
- FFD8C7
- FFE2D5
- FFECE3
- FFF5F1
深色调
- D78862
- B77353
- 995F44
- 7C4C36
- 603A28
- 45281B
- 2C180E
- 150904
- 030101
灰色调
- EB9B74
- DF9876
- D39578
- C8937A
- BC907B
- B08D7D
- A48A7E
- 98877F
- 8C837F
配色和谐
互补色 +180°
- F79D72
Burning Coals
- 4EC6F2
≈ Clean Pool
类似色 -30° +30°
- F79D72
Burning Coals
- FB959C
≈ Cherished One
- E3AB55
≈ Sunray
三角配色 +120° +240°
- F79D72
Burning Coals
- 5DCFA5
≈ Aquarium Blue
- B0ABFF
≈ Shy Moment
分裂互补色 +150° +210°
- F79D72
Burning Coals
- 34CFD0
≈ Blue Martina
- 85B9FF
≈ Carolina Blue
四角配色 +90° +180° +270°
- F79D72
Burning Coals
- 93C979
≈ Fresh Cut Grass
- 4EC6F2
≈ Clean Pool
- D59EEB
≈ Bright Ube
对比度与无障碍
Ag
Fail白底
WCAG 2.09:1 · APCA Lc 41
Ag
AAA黑底
WCAG 10.02:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.02:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--burning-coals: #f79d72;
--burning-coals-rgb: 247 157 114;
--burning-coals-oklch: oklch(0.778 0.122 46);
}
.element {
color: var(--burning-coals);
background-color: hsl(19 89% 71%);
border-color: oklch(0.778 0.122 46);
}Tailwind CSS v4
@theme {
--color-burning-coals: #f79d72;
--color-burning-coals-50: #ffecd7;
--color-burning-coals-100: #ffdcc5;
--color-burning-coals-200: #ffc5a7;
--color-burning-coals-300: #eba480;
--color-burning-coals-400: #da865e;
--color-burning-coals-500: #c76939;
--color-burning-coals-600: #a85931;
--color-burning-coals-700: #874727;
--color-burning-coals-800: #65331c;
--color-burning-coals-900: #472312;
--color-burning-coals-950: #2e1105;
}SCSS
$burning-coals: #f79d72;
$burning-coals-rgb: 247, 157, 114;
$burning-coals-light: mix(#fff, $burning-coals, 20%);
$burning-coals-dark: mix(#000, $burning-coals, 20%);
.element {
color: $burning-coals;
box-shadow: 0 0 0 2px rgba($burning-coals, 0.35);
}