最接近的命名颜色 · #693347
#693347
最接近的命名颜色: Siren
#693347（rgb(105 51 71)、hsl(338 35% 31%)、oklch(0.398 0.081 357.9)）最接近命名颜色 Siren。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#693347
oklch(0.398 0.081 357.9)
颜色转换
- HEX
- #693347
- RGB
- rgb(105 51 71)
- HSL
- hsl(338 35% 31%)
- HWB
- hwb(338 20% 59%)
- OKLCH
- oklch(0.398 0.081 357.9)
- OKLab
- oklab(0.398 0.081 -0.003)
- CIE Lab
- lab(29.15 26.46 -0.8)
- LCH
- lch(29.15 26.47 358.3)
- CMYK
- cmyk(0% 51% 32% 59%)
浅色调 · 深色调 · 灰色调
浅色调
- 784657
- 875968
- 966C7A
- A5808C
- B4949E
- C3A9B1
- D2BEC4
- E1D3D7
- F0E9EB
深色调
- 5A2B3D
- 4C2332
- 3E1C28
- 31141F
- 240D16
- 18070D
- 0C0306
- 040102
- 000000
灰色调
- 6C3B4C
- 6F4352
- 724A57
- 74525D
- 775A63
- 796169
- 7B696E
- 7D7174
- 7F787A
配色和谐
互补色 +180°
- 693347
Siren
- 005447
≈ Breathe Deeply
类似色 -30° +30°
三角配色 +120° +240°
分裂互补色 +150° +210°
- 693347
Siren
- 25532D
≈ Moor-Monster
- 00515A
≈ Kali Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AAA白底
WCAG 9.69:1 · APCA Lc 92
Ag
Fail黑底
WCAG 2.16:1 · APCA Lc 10
最佳文字颜色: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--siren: #693347;
--siren-rgb: 105 51 71;
--siren-oklch: oklch(0.398 0.081 357.9);
}
.element {
color: var(--siren);
background-color: hsl(338 35% 31%);
border-color: oklch(0.398 0.081 357.9);
}Tailwind CSS v4
@theme {
--color-siren: #693347;
--color-siren-50: #ffecf4;
--color-siren-100: #ffdde7;
--color-siren-200: #f3c7d3;
--color-siren-300: #dba7b6;
--color-siren-400: #c68b9e;
--color-siren-500: #b26f86;
--color-siren-600: #965e71;
--color-siren-700: #784b5b;
--color-siren-800: #593643;
--color-siren-900: #3e252e;
--color-siren-950: #27141b;
}SCSS
$siren: #693347;
$siren-rgb: 105, 51, 71;
$siren-light: mix(#fff, $siren, 20%);
$siren-dark: mix(#000, $siren, 20%);
.element {
color: $siren;
box-shadow: 0 0 0 2px rgba($siren, 0.35);
}