最接近的命名颜色 · #BB6348
#BB6348
最接近的命名颜色: Bruschetta
#BB6348（rgb(187 99 72)、hsl(14 46% 51%)、oklch(0.597 0.12 37.8)）最接近命名颜色 Bruschetta。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BB6348
oklch(0.597 0.12 37.8)
颜色转换
- HEX
- #bb6348
- RGB
- rgb(187 99 72)
- HSL
- hsl(14 46% 51%)
- HWB
- hwb(14 28% 27%)
- OKLCH
- oklch(0.597 0.12 37.8)
- OKLab
- oklab(0.597 0.095 0.074)
- CIE Lab
- lab(52.28 34.41 31.85)
- LCH
- lch(52.28 46.89 42.8)
- CMYK
- cmyk(0% 47% 61% 27%)
浅色调 · 深色调 · 灰色调
浅色调
- C3735A
- CB826C
- D2927E
- DAA190
- E1B1A2
- E7C0B4
- EED0C6
- F4DFD9
- F9EFEC
深色调
- A2553D
- 8A4733
- 733A29
- 5C2E1F
- 462116
- 32160D
- 1F0B06
- 0D0302
- 020000
灰色调
- B6674E
- B16A55
- AB6D5B
- A67160
- A07466
- 9A766B
- 947971
- 8E7B76
- 877E7B
配色和谐
互补色 +180°
- BB6348
Bruschetta
- 008EA9
≈ Quintana
类似色 -30° +30°
- BB6348
Bruschetta
- BA5E72
≈ Candied Apple
- AE701D
≈ Caramel
三角配色 +120° +240°
- BB6348
Bruschetta
- 2F9463
≈ Eucalyptus
- 6F77C6
≈ Kickstart Purple
分裂互补色 +150° +210°
- BB6348
Bruschetta
- 00938A
≈ Torrid Turquoise
- 3C84C3
≈ King Triton
四角配色 +90° +180° +270°
- BB6348
Bruschetta
- 6B8C37
≈ Gǎn Lǎn Lǜ Green
- 008EA9
≈ Quintana
- 936AB6
≈ Viola
对比度与无障碍
Ag
Fail白底
WCAG 4.20:1 · APCA Lc 69
Ag
AA黑底
WCAG 4.99:1 · APCA Lc 33
最佳文字颜色: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
代码片段
CSS
:root {
--bruschetta: #bb6348;
--bruschetta-rgb: 187 99 72;
--bruschetta-oklch: oklch(0.597 0.12 37.8);
}
.element {
color: var(--bruschetta);
background-color: hsl(14 46% 51%);
border-color: oklch(0.597 0.12 37.8);
}Tailwind CSS v4
@theme {
--color-bruschetta: #bb6348;
--color-bruschetta-50: #ffeadc;
--color-bruschetta-100: #ffdbca;
--color-bruschetta-200: #ffc4ae;
--color-bruschetta-300: #eda289;
--color-bruschetta-400: #db8469;
--color-bruschetta-500: #c86648;
--color-bruschetta-600: #a9573e;
--color-bruschetta-700: #884531;
--color-bruschetta-800: #653124;
--color-bruschetta-900: #472218;
--color-bruschetta-950: #2e1009;
}SCSS
$bruschetta: #bb6348;
$bruschetta-rgb: 187, 99, 72;
$bruschetta-light: mix(#fff, $bruschetta, 20%);
$bruschetta-dark: mix(#000, $bruschetta, 20%);
.element {
color: $bruschetta;
box-shadow: 0 0 0 2px rgba($bruschetta, 0.35);
}