命名颜色 · #80502B
Valise
Valise 即 #80502B：rgb(128 80 43)、hsl(26 50% 34%)、oklch(0.478 0.083 56.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Brown mean? → · Valise color name →
#80502B
oklch(0.478 0.083 56.7)
颜色转换
- HEX
- #80502b
- RGB
- rgb(128 80 43)
- HSL
- hsl(26 50% 34%)
- HWB
- hwb(26 17% 50%)
- OKLCH
- oklch(0.478 0.083 56.7)
- OKLab
- oklab(0.478 0.045 0.069)
- CIE Lab
- lab(39.07 18 30.16)
- LCH
- lch(39.07 35.13 59.2)
- CMYK
- cmyk(0% 38% 66% 50%)
浅色调 · 深色调 · 灰色调
浅色调
- 8D6040
- 997154
- A68268
- B3937D
- BFA492
- CCB6A7
- D9C8BC
- E6DAD2
- F2ECE8
深色调
- 6E4424
- 5D391D
- 4D2E16
- 3D2410
- 2E1A0A
- 1F1005
- 120702
- 060201
- 010000
灰色调
- 815535
- 815A3E
- 815F46
- 81644F
- 816957
- 816D5F
- 817268
- 817770
- 817B78
配色和谐
互补色 +180°
- 80502B
Valise
- 276486
≈ Carbide
类似色 -30° +30°
- 80502B
Valise
- 854A44
≈ Henna
- 71591D
≈ Hot Mustard
三角配色 +120° +240°
- 80502B
Valise
- 146C5C
≈ Pacific Queen
- 625386
≈ Wool Violet
分裂互补色 +150° +210°
- 80502B
Valise
- 006A74
≈ Mary Blue
- 485B8C
≈ Gem
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.77:1 · APCA Lc 83
Ag
Fail黑底
WCAG 3.10:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--valise: #80502b;
--valise-rgb: 128 80 43;
--valise-oklch: oklch(0.478 0.083 56.7);
}
.element {
color: var(--valise);
background-color: hsl(26 50% 34%);
border-color: oklch(0.478 0.083 56.7);
}Tailwind CSS v4
@theme {
--color-valise: #80502b;
--color-valise-50: #fff0de;
--color-valise-100: #fee2cd;
--color-valise-200: #f0ccb2;
--color-valise-300: #d8ae8e;
--color-valise-400: #c4926e;
--color-valise-500: #b0784e;
--color-valise-600: #956543;
--color-valise-700: #775135;
--color-valise-800: #593a26;
--color-valise-900: #3e2819;
--color-valise-950: #27160a;
}SCSS
$valise: #80502b;
$valise-rgb: 128, 80, 43;
$valise-light: mix(#fff, $valise, 20%);
$valise-dark: mix(#000, $valise, 20%);
.element {
color: $valise;
box-shadow: 0 0 0 2px rgba($valise, 0.35);
}