命名颜色 · #6A513B
Coffee Liqueur
Coffee Liqueur 即 #6A513B：rgb(106 81 59)、hsl(28 28% 32%)、oklch(0.455 0.047 62.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Coffee Liqueur color name →
#6A513B
oklch(0.455 0.047 62.5)
颜色转换
- HEX
- #6a513b
- RGB
- rgb(106 81 59)
- HSL
- hsl(28 28% 32%)
- HWB
- hwb(28 23% 58%)
- OKLCH
- oklch(0.455 0.047 62.5)
- OKLab
- oklab(0.455 0.022 0.042)
- CIE Lab
- lab(36.69 8.43 17.18)
- LCH
- lch(36.69 19.13 63.9)
- CMYK
- cmyk(0% 24% 44% 58%)
浅色调 · 深色调 · 灰色调
浅色调
- 78614D
- 86715F
- 958272
- A39385
- B2A498
- C1B6AC
- D0C8C0
- E0DAD5
- EFECEA
深色调
- 5B4532
- 4D3A29
- 3F2F21
- 312419
- 241A11
- 181009
- 0D0704
- 040201
- 000000
灰色调
- 6C5642
- 6F5A49
- 715F50
- 736456
- 75685D
- 786D64
- 7A726B
- 7C7772
- 7E7B79
配色和谐
互补色 +180°
- 6A513B
Coffee Liqueur
- 3F5A6F
≈ Infinite Deep Sea
类似色 -30° +30°
- 6A513B
Coffee Liqueur
- 6F4D46
≈ Chocolate Sprinkle
- 605638
≈ Olive Bark
三角配色 +120° +240°
- 6A513B
Coffee Liqueur
- 376059
≈ Royal Pine
- 5C516D
≈ Blackcurrant Elixir
分裂互补色 +150° +210°
- 6A513B
Coffee Liqueur
- 355E66
≈ Under the Sea
- 4D5572
≈ Steadfast
四角配色 +90° +180° +270°
- 6A513B
Coffee Liqueur
- 425F4A
≈ Windy Pine
- 3F5A6F
≈ Infinite Deep Sea
- 674D62
≈ Vicarious Violet
对比度与无障碍
Ag
AAA白底
WCAG 7.36:1 · APCA Lc 86
Ag
Fail黑底
WCAG 2.85:1 · APCA Lc 17
最佳文字颜色: #FFFFFF
WCAG 7.36:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--coffee-liqueur: #6a513b;
--coffee-liqueur-rgb: 106 81 59;
--coffee-liqueur-oklch: oklch(0.455 0.047 62.5);
}
.element {
color: var(--coffee-liqueur);
background-color: hsl(28 28% 32%);
border-color: oklch(0.455 0.047 62.5);
}Tailwind CSS v4
@theme {
--color-coffee-liqueur: #6a513b;
--color-coffee-liqueur-50: #fff3e7;
--color-coffee-liqueur-100: #f4e5d8;
--color-coffee-liqueur-200: #e3d1c0;
--color-coffee-liqueur-300: #c9b39f;
--color-coffee-liqueur-400: #b39982;
--color-coffee-liqueur-500: #9d8066;
--color-coffee-liqueur-600: #856c57;
--color-coffee-liqueur-700: #6b5645;
--color-coffee-liqueur-800: #4f3f32;
--color-coffee-liqueur-900: #372b22;
--color-coffee-liqueur-950: #221811;
}SCSS
$coffee-liqueur: #6a513b;
$coffee-liqueur-rgb: 106, 81, 59;
$coffee-liqueur-light: mix(#fff, $coffee-liqueur, 20%);
$coffee-liqueur-dark: mix(#000, $coffee-liqueur, 20%);
.element {
color: $coffee-liqueur;
box-shadow: 0 0 0 2px rgba($coffee-liqueur, 0.35);
}