命名颜色 · #BF7657
Oxide
Oxide 即 #BF7657：rgb(191 118 87)、hsl(18 45% 55%)、oklch(0.637 0.102 43.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Oxide color name →
#BF7657
oklch(0.637 0.102 43.5)
颜色转换
- HEX
- #bf7657
- RGB
- rgb(191 118 87)
- HSL
- hsl(18 45% 55%)
- HWB
- hwb(18 34% 25%)
- OKLCH
- oklch(0.637 0.102 43.5)
- OKLab
- oklab(0.637 0.074 0.07)
- CIE Lab
- lab(57.23 27.1 29.68)
- LCH
- lch(57.23 40.19 47.6)
- CMYK
- cmyk(0% 38% 54% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C68467
- CD9178
- D49F88
- DBAC99
- E1BAA9
- E8C7BA
- EED5CB
- F4E3DC
- F9F1EE
深色调
- A6664B
- 8D563E
- 754733
- 5E3827
- 48291C
- 331C12
- 1F0F08
- 0D0503
- 020100
灰色调
- B9775C
- B37960
- AD7A65
- A77B69
- A17C6D
- 9B7D71
- 947E75
- 8E7F79
- 877F7C
配色和谐
互补色 +180°
- BF7657
Oxide
- 3498B9
≈ Butterfly Blue
类似色 -30° +30°
- BF7657
Oxide
- C17079
≈ Cranberry Pie
- B0813E
≈ Amber Romance
三角配色 +120° +240°
分裂互补色 +150° +210°
- BF7657
Oxide
- 219E9D
≈ Baltic
- 5E8EC8
≈ Provence
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.53:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.94:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--oxide: #bf7657;
--oxide-rgb: 191 118 87;
--oxide-oklch: oklch(0.637 0.102 43.5);
}
.element {
color: var(--oxide);
background-color: hsl(18 45% 55%);
border-color: oklch(0.637 0.102 43.5);
}Tailwind CSS v4
@theme {
--color-oxide: #bf7657;
--color-oxide-50: #ffeddd;
--color-oxide-100: #ffdecc;
--color-oxide-200: #fac7b0;
--color-oxide-300: #e4a78c;
--color-oxide-400: #d18a6c;
--color-oxide-500: #be6e4c;
--color-oxide-600: #a05e41;
--color-oxide-700: #814b34;
--color-oxide-800: #603625;
--color-oxide-900: #432519;
--color-oxide-950: #2b130a;
}SCSS
$oxide: #bf7657;
$oxide-rgb: 191, 118, 87;
$oxide-light: mix(#fff, $oxide, 20%);
$oxide-dark: mix(#000, $oxide, 20%);
.element {
color: $oxide;
box-shadow: 0 0 0 2px rgba($oxide, 0.35);
}