命名颜色 · #694D27
Black Queen
Black Queen 即 #694D27：rgb(105 77 39)、hsl(35 46% 28%)、oklch(0.442 0.066 73.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Black Queen color name →
#694D27
oklch(0.442 0.066 73.1)
颜色转换
- HEX
- #694d27
- RGB
- rgb(105 77 39)
- HSL
- hsl(35 46% 28%)
- HWB
- hwb(35 15% 59%)
- OKLCH
- oklch(0.442 0.066 73.1)
- OKLab
- oklab(0.442 0.019 0.063)
- CIE Lab
- lab(35.18 8.78 27.02)
- LCH
- lch(35.18 28.41 72)
- CMYK
- cmyk(0% 27% 63% 59%)
浅色调 · 深色调 · 灰色调
浅色调
- 775D3C
- 866E50
- 947F65
- A39079
- B2A28F
- C1B4A4
- D0C6BA
- E0D9D1
- EFECE8
深色调
- 5A4220
- 4C371A
- 3E2C14
- 31220E
- 241808
- 180F04
- 0C0702
- 040201
- 000000
灰色调
- 6B5231
- 6E573A
- 705C43
- 73614C
- 756755
- 776C5D
- 7A7166
- 7C766F
- 7E7B77
配色和谐
互补色 +180°
- 694D27
Black Queen
- 385577
≈ Star Spangled
类似色 -30° +30°
- 694D27
Black Queen
- 724735
≈ Santana Soul
- 5A5427
≈ Tucumán Green
三角配色 +120° +240°
- 694D27
Black Queen
- 1B5E5D
≈ Emerald Pool
- 60486D
≈ Your Majesty
分裂互补色 +150° +210°
- 694D27
Black Queen
- 225B6D
≈ Legion Blue
- 4E4E76
≈ Skipper Blue
四角配色 +90° +180° +270°
- 694D27
Black Queen
- 2D5E48
≈ Wine Leaf
- 385577
≈ Star Spangled
- 6C445C
≈ Prune Purple
对比度与无障碍
Ag
AAA白底
WCAG 7.80:1 · APCA Lc 87
Ag
Fail黑底
WCAG 2.69:1 · APCA Lc 15
最佳文字颜色: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 87
Contrast pairs
代码片段
CSS
:root {
--black-queen: #694d27;
--black-queen-rgb: 105 77 39;
--black-queen-oklch: oklch(0.442 0.066 73.1);
}
.element {
color: var(--black-queen);
background-color: hsl(35 46% 28%);
border-color: oklch(0.442 0.066 73.1);
}Tailwind CSS v4
@theme {
--color-black-queen: #694d27;
--color-black-queen-50: #fff3e1;
--color-black-queen-100: #f5e5d0;
--color-black-queen-200: #e5d1b6;
--color-black-queen-300: #ccb392;
--color-black-queen-400: #b69973;
--color-black-queen-500: #a18054;
--color-black-queen-600: #886c48;
--color-black-queen-700: #6d5639;
--color-black-queen-800: #513f29;
--color-black-queen-900: #382b1b;
--color-black-queen-950: #23180c;
}SCSS
$black-queen: #694d27;
$black-queen-rgb: 105, 77, 39;
$black-queen-light: mix(#fff, $black-queen, 20%);
$black-queen-dark: mix(#000, $black-queen, 20%);
.element {
color: $black-queen;
box-shadow: 0 0 0 2px rgba($black-queen, 0.35);
}