最接近的命名颜色 · #76547F
#76547F
最接近的命名颜色: Dr Who
#76547F（rgb(118 84 127)、hsl(287 20% 41%)、oklch(0.498 0.078 319.1)）最接近命名颜色 Dr Who。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#76547F
oklch(0.498 0.078 319.1)
颜色转换
- HEX
- #76547f
- RGB
- rgb(118 84 127)
- HSL
- hsl(287 20% 41%)
- HWB
- hwb(287 33% 50%)
- OKLCH
- oklch(0.498 0.078 319.1)
- OKLab
- oklab(0.498 0.059 -0.051)
- CIE Lab
- lab(40.69 20.61 -18.66)
- LCH
- lch(40.69 27.8 317.8)
- CMYK
- cmyk(7% 34% 0% 50%)
浅色调 · 深色调 · 灰色调
浅色调
- 83648B
- 907498
- 9E85A4
- AB95B1
- B9A6BE
- C7B7CB
- D4C9D8
- E2DBE5
- F1EDF2
深色调
- 66486E
- 563C5D
- 47314C
- 38263C
- 291B2D
- 1C111F
- 0F0811
- 050206
- 010001
灰色调
- 77597F
- 785D80
- 796180
- 7A6680
- 7B6A80
- 7C6F80
- 7D7380
- 7E7780
- 7F7C80
配色和谐
互补色 +180°
- 76547F
Dr Who
- 4B6E42
≈ Pine Scent
类似色 -30° +30°
- 76547F
Dr Who
- 615B8D
≈ Idol
- 84506A
≈ Raspberry Crush
三角配色 +120° +240°
- 76547F
Dr Who
- 7B5D2A
≈ Breen
- 187074
≈ Marine Wonder
分裂互补色 +150° +210°
- 76547F
Dr Who
- 66662E
≈ Gretchin Green
- 2D715B
≈ Nordic Forest
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 6.27:1 · APCA Lc 81
Ag
Fail黑底
WCAG 3.34:1 · APCA Lc 21
最佳文字颜色: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--dr-who: #76547f;
--dr-who-rgb: 118 84 127;
--dr-who-oklch: oklch(0.498 0.078 319.1);
}
.element {
color: var(--dr-who);
background-color: hsl(287 20% 41%);
border-color: oklch(0.498 0.078 319.1);
}Tailwind CSS v4
@theme {
--color-dr-who: #76547f;
--color-dr-who-50: #ffeeff;
--color-dr-who-100: #f4e0f8;
--color-dr-who-200: #e4cae9;
--color-dr-who-300: #caabd0;
--color-dr-who-400: #b390bc;
--color-dr-who-500: #9d75a7;
--color-dr-who-600: #84648d;
--color-dr-who-700: #6a4f71;
--color-dr-who-800: #4d3a54;
--color-dr-who-900: #36283b;
--color-dr-who-950: #211625;
}SCSS
$dr-who: #76547f;
$dr-who-rgb: 118, 84, 127;
$dr-who-light: mix(#fff, $dr-who, 20%);
$dr-who-dark: mix(#000, $dr-who, 20%);
.element {
color: $dr-who;
box-shadow: 0 0 0 2px rgba($dr-who, 0.35);
}