最接近的命名颜色 · #463448
#463448
最接近的命名颜色: Call It a Night
#463448（rgb(70 52 72)、hsl(294 16% 24%)、oklch(0.353 0.042 323.1)）最接近命名颜色 Call It a Night。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#463448
oklch(0.353 0.042 323.1)
颜色转换
- HEX
- #463448
- RGB
- rgb(70 52 72)
- HSL
- hsl(294 16% 24%)
- HWB
- hwb(294 20% 72%)
- OKLCH
- oklch(0.353 0.042 323.1)
- OKLab
- oklab(0.353 0.033 -0.025)
- CIE Lab
- lab(24.38 11.41 -9.18)
- LCH
- lch(24.38 14.65 321.2)
- CMYK
- cmyk(3% 28% 0% 72%)
浅色调 · 深色调 · 灰色调
浅色调
- 574658
- 685869
- 796B7B
- 8B7F8D
- 9E939F
- B1A8B1
- C4BDC4
- D7D3D8
- EBE9EB
深色调
- 3C2C3D
- 322433
- 281C29
- 1E151F
- 150E16
- 0D070D
- 050306
- 020102
- 000000
灰色调
- 4C3B4D
- 514253
- 574A58
- 5D515E
- 635964
- 686169
- 6E686F
- 747075
- 7A787A
配色和谐
互补色 +180°
- 463448
Call It a Night
- 2E412D
≈ English Holly
类似色 -30° +30°
- 463448
Call It a Night
- 3C374F
≈ Caddies Silk
- 4D323D
≈ Joyful Ruby
三角配色 +120° +240°
- 463448
Call It a Night
- 463921
≈ Lisbon Brown
- 1E4245
≈ Pine Hollow
分裂互补色 +150° +210°
- 463448
Call It a Night
- 3B3E24
≈ Green Kelp
- 234239
≈ English Holly
四角配色 +90° +180° +270°
- 463448
Call It a Night
- 4D3527
≈ Sepia Brown
- 2E412D
≈ English Holly
- 243F4E
≈ Depths of the Nile
对比度与无障碍
Ag
AAA白底
WCAG 11.38:1 · APCA Lc 96
Ag
Fail黑底
WCAG 1.84:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 11.38:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--call-it-a-night: #463448;
--call-it-a-night-rgb: 70 52 72;
--call-it-a-night-oklch: oklch(0.353 0.042 323.1);
}
.element {
color: var(--call-it-a-night);
background-color: hsl(294 16% 24%);
border-color: oklch(0.353 0.042 323.1);
}Tailwind CSS v4
@theme {
--color-call-it-a-night: #463448;
--color-call-it-a-night-50: #fcf1fc;
--color-call-it-a-night-100: #efe3f0;
--color-call-it-a-night-200: #decede;
--color-call-it-a-night-300: #c3b0c3;
--color-call-it-a-night-400: #ab97ad;
--color-call-it-a-night-500: #947d96;
--color-call-it-a-night-600: #7d6a7f;
--color-call-it-a-night-700: #645566;
--color-call-it-a-night-800: #493e4b;
--color-call-it-a-night-900: #332a34;
--color-call-it-a-night-950: #1e1820;
}SCSS
$call-it-a-night: #463448;
$call-it-a-night-rgb: 70, 52, 72;
$call-it-a-night-light: mix(#fff, $call-it-a-night, 20%);
$call-it-a-night-dark: mix(#000, $call-it-a-night, 20%);
.element {
color: $call-it-a-night;
box-shadow: 0 0 0 2px rgba($call-it-a-night, 0.35);
}