命名颜色 · #BD9B78
Corky
Corky 即 #BD9B78：rgb(189 155 120)、hsl(30 34% 61%)、oklch(0.712 0.063 67.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Corky color name →
#BD9B78
oklch(0.712 0.063 67.3)
颜色转换
- HEX
- #bd9b78
- RGB
- rgb(189 155 120)
- HSL
- hsl(30 34% 61%)
- HWB
- hwb(30 47% 26%)
- OKLCH
- oklch(0.712 0.063 67.3)
- OKLab
- oklab(0.712 0.024 0.058)
- CIE Lab
- lab(66.49 9.41 23.4)
- LCH
- lch(66.49 25.22 68.1)
- CMYK
- cmyk(0% 18% 37% 26%)
浅色调 · 深色调 · 灰色调
浅色调
- C4A585
- CAAF92
- D1B8A0
- D8C2AD
- DECCBA
- E5D6C8
- EBE0D6
- F2EBE3
- F8F5F1
深色调
- A48667
- 8C7257
- 745E48
- 5D4B39
- 47392A
- 33281D
- 1F1810
- 0D0905
- 020101
灰色调
- B79879
- B1967A
- AB937B
- A4907C
- 9E8E7D
- 988B7E
- 92887E
- 8C867F
- 868380
配色和谐
互补色 +180°
- BD9B78
Corky
- 83A6C8
≈ High Tide
类似色 -30° +30°
- BD9B78
Corky
- C69586
≈ Café Crème
- ADA375
≈ Throw Rug
三角配色 +120° +240°
分裂互补色 +150° +210°
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.58:1 · APCA Lc 50
Ag
AAA黑底
WCAG 8.12:1 · APCA Lc 51
最佳文字颜色: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
代码片段
CSS
:root {
--corky: #bd9b78;
--corky-rgb: 189 155 120;
--corky-oklch: oklch(0.712 0.063 67.3);
}
.element {
color: var(--corky);
background-color: hsl(30 34% 61%);
border-color: oklch(0.712 0.063 67.3);
}Tailwind CSS v4
@theme {
--color-corky: #bd9b78;
--color-corky-50: #fff2e2;
--color-corky-100: #f6e5d2;
--color-corky-200: #e6d0b8;
--color-corky-300: #cdb295;
--color-corky-400: #b89877;
--color-corky-500: #a27e58;
--color-corky-600: #896b4b;
--color-corky-700: #6e563c;
--color-corky-800: #523e2b;
--color-corky-900: #392b1d;
--color-corky-950: #23180d;
}SCSS
$corky: #bd9b78;
$corky-rgb: 189, 155, 120;
$corky-light: mix(#fff, $corky, 20%);
$corky-dark: mix(#000, $corky, 20%);
.element {
color: $corky;
box-shadow: 0 0 0 2px rgba($corky, 0.35);
}