命名颜色 · #C38B36
Victorian Crown
Victorian Crown 即 #C38B36：rgb(195 139 54)、hsl(36 57% 49%)、oklch(0.677 0.12 74.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Victorian Crown color name →
#C38B36
oklch(0.677 0.12 74.1)
颜色转换
- HEX
- #c38b36
- RGB
- rgb(195 139 54)
- HSL
- hsl(36 57% 49%)
- HWB
- hwb(36 21% 24%)
- OKLCH
- oklch(0.677 0.12 74.1)
- OKLab
- oklab(0.677 0.033 0.116)
- CIE Lab
- lab(62.4 16.22 52.16)
- LCH
- lch(62.4 54.62 72.7)
- CMYK
- cmyk(0% 29% 72% 24%)
浅色调 · 深色调 · 灰色调
浅色调
- C9974E
- D0A264
- D6AE78
- DCB98C
- E2C59F
- E8D0B2
- EEDCC5
- F4E8D8
- F9F3EC
深色调
- A9782E
- 906625
- 78541E
- 604316
- 4A320F
- 342308
- 201403
- 0E0701
- 020100
灰色调
- BC8A42
- B6894B
- AF8954
- A9885C
- A28763
- 9B8569
- 94846F
- 8E8375
- 87827B
配色和谐
互补色 +180°
- C38B36
Victorian Crown
- 619AE0
≈ Little Boy Blue
类似色 -30° +30°
- C38B36
Victorian Crown
- D47D57
≈ Copper Harbor
- A49B36
≈ Pestulance
三角配色 +120° +240°
- C38B36
Victorian Crown
- 00ADAC
≈ Teal Me No Lies
- B280CB
≈ Wisteria
分裂互补色 +150° +210°
- C38B36
Victorian Crown
- 21A6CE
≈ Sardinia Beaches
- 8F8CDF
≈ Perrywinkle
四角配色 +90° +180° +270°
- C38B36
Victorian Crown
- 3EAE83
≈ Divot
- 619AE0
≈ Little Boy Blue
- CB78A9
≈ Heartbreaker
对比度与无障碍
Ag
Fail白底
WCAG 2.97:1 · APCA Lc 56
Ag
AAA黑底
WCAG 7.06:1 · APCA Lc 46
最佳文字颜色: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
代码片段
CSS
:root {
--victorian-crown: #c38b36;
--victorian-crown-rgb: 195 139 54;
--victorian-crown-oklch: oklch(0.677 0.12 74.1);
}
.element {
color: var(--victorian-crown);
background-color: hsl(36 57% 49%);
border-color: oklch(0.677 0.12 74.1);
}Tailwind CSS v4
@theme {
--color-victorian-crown: #c38b36;
--color-victorian-crown-50: #fff1d0;
--color-victorian-crown-100: #ffe3bc;
--color-victorian-crown-200: #f2ce9a;
--color-victorian-crown-300: #dbaf6f;
--color-victorian-crown-400: #c89345;
--color-victorian-crown-500: #b57800;
--color-victorian-crown-600: #996607;
--color-victorian-crown-700: #7a5108;
--color-victorian-crown-800: #5c3a05;
--color-victorian-crown-900: #402804;
--color-victorian-crown-950: #291600;
}SCSS
$victorian-crown: #c38b36;
$victorian-crown-rgb: 195, 139, 54;
$victorian-crown-light: mix(#fff, $victorian-crown, 20%);
$victorian-crown-dark: mix(#000, $victorian-crown, 20%);
.element {
color: $victorian-crown;
box-shadow: 0 0 0 2px rgba($victorian-crown, 0.35);
}