命名颜色 · #C07C40
Brandy Punch
Brandy Punch 即 #C07C40：rgb(192 124 64)、hsl(28 50% 50%)、oklch(0.646 0.114 60)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Brandy Punch color name →
#C07C40
oklch(0.646 0.114 60)
颜色转换
- HEX
- #c07c40
- RGB
- rgb(192 124 64)
- HSL
- hsl(28 50% 50%)
- HWB
- hwb(28 25% 25%)
- OKLCH
- oklch(0.646 0.114 60)
- OKLab
- oklab(0.646 0.057 0.098)
- CIE Lab
- lab(58.5 23.18 43.36)
- LCH
- lch(58.5 49.17 61.9)
- CMYK
- cmyk(0% 35% 67% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C78955
- CE9668
- D4A37B
- DBB08E
- E1BDA1
- E8CAB3
- EED7C6
- F4E4D9
- F9F2EC
深色调
- A76B36
- 8E5A2D
- 764A24
- 5F3B1B
- 492C13
- 341E0B
- 201105
- 0E0501
- 020100
灰色调
- BA7D49
- B47E50
- AE7E58
- A77F5E
- A17F64
- 9B806A
- 948070
- 8E8076
- 87807B
配色和谐
互补色 +180°
- C07C40
Brandy Punch
- 4396CC
≈ Perfect Sky
类似色 -30° +30°
- C07C40
Brandy Punch
- CA7264
≈ It’s My Party
- A98A2F
≈ Camel Toe
三角配色 +120° +240°
- C07C40
Brandy Punch
- 16A490
≈ Fishy House
- 997DC9
≈ Wisteria
分裂互补色 +150° +210°
- C07C40
Brandy Punch
- 00A0B3
≈ Breaking Wave
- 738AD3
≈ Violets Are Blue
四角配色 +90° +180° +270°
- C07C40
Brandy Punch
- 56A168
≈ Mosaic Green
- 4396CC
≈ Perfect Sky
- B573AF
≈ Moonlight Melody
对比度与无障碍
Ag
Fail白底
WCAG 3.38:1 · APCA Lc 61
Ag
AA黑底
WCAG 6.19:1 · APCA Lc 41
最佳文字颜色: #000000
WCAG 6.19:1 (AA) · APCA Lc 41
Contrast pairs
代码片段
CSS
:root {
--brandy-punch: #c07c40;
--brandy-punch-rgb: 192 124 64;
--brandy-punch-oklch: oklch(0.646 0.114 60);
}
.element {
color: var(--brandy-punch);
background-color: hsl(28 50% 50%);
border-color: oklch(0.646 0.114 60);
}Tailwind CSS v4
@theme {
--color-brandy-punch: #c07c40;
--color-brandy-punch-50: #ffefd5;
--color-brandy-punch-100: #ffe0c2;
--color-brandy-punch-200: #f8caa3;
--color-brandy-punch-300: #e2ab7a;
--color-brandy-punch-400: #d08e56;
--color-brandy-punch-500: #bc722b;
--color-brandy-punch-600: #9f6127;
--color-brandy-punch-700: #7f4d1f;
--color-brandy-punch-800: #5f3715;
--color-brandy-punch-900: #43260e;
--color-brandy-punch-950: #2b1402;
}SCSS
$brandy-punch: #c07c40;
$brandy-punch-rgb: 192, 124, 64;
$brandy-punch-light: mix(#fff, $brandy-punch, 20%);
$brandy-punch-dark: mix(#000, $brandy-punch, 20%);
.element {
color: $brandy-punch;
box-shadow: 0 0 0 2px rgba($brandy-punch, 0.35);
}