最接近的命名颜色 · #692047
#692047
最接近的命名颜色: Soul Anchor
#692047（rgb(105 32 71)、hsl(328 53% 27%)、oklch(0.37 0.113 351)）最接近命名颜色 Soul Anchor。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#692047
oklch(0.37 0.113 351)
颜色转换
- HEX
- #692047
- RGB
- rgb(105 32 71)
- HSL
- hsl(328 53% 27%)
- HWB
- hwb(328 13% 59%)
- OKLCH
- oklch(0.37 0.113 351)
- OKLab
- oklab(0.37 0.111 -0.018)
- CIE Lab
- lab(25.44 35.9 -6.24)
- LCH
- lch(25.44 36.44 350.1)
- CMYK
- cmyk(0% 70% 32% 59%)
浅色调 · 深色调 · 灰色调
浅色调
- 793657
- 884B68
- 98617A
- A7768C
- B68C9E
- C5A2B1
- D3B9C4
- E2D0D7
- F1E7EB
深色调
- 5A1A3D
- 4C1532
- 3E0F28
- 310A1F
- 240616
- 18030D
- 0C0106
- 040002
- 000000
灰色调
- 6D2B4C
- 703552
- 733F58
- 76495D
- 785263
- 7A5B69
- 7C646E
- 7E6E74
- 7F777A
配色和谐
互补色 +180°
- 692047
Soul Anchor
- 004C3B
≈ Raspberry Leaf Green
类似色 -30° +30°
- 692047
Soul Anchor
- 5A2763
≈ Elegant Purple Gown
- 6F1F24
≈ Red Berry
三角配色 +120° +240°
- 692047
Soul Anchor
- 424300
≈ Green Not Found
- 004660
≈ Loyal Blue
分裂互补色 +150° +210°
- 692047
Soul Anchor
- 144D0A
≈ Malachite Green
- 00494D
≈ Sherpa Blue
四角配色 +90° +180° +270°
- 692047
Soul Anchor
- 543B00
≈ Pineapple
- 004C3B
≈ Raspberry Leaf Green
- 1A3D7A
≈ Blue Expanse
对比度与无障碍
Ag
AAA白底
WCAG 11.06:1 · APCA Lc 95
Ag
Fail黑底
WCAG 1.89:1 · APCA Lc 8
最佳文字颜色: #FFFFFF
WCAG 11.06:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--soul-anchor: #692047;
--soul-anchor-rgb: 105 32 71;
--soul-anchor-oklch: oklch(0.37 0.113 351);
}
.element {
color: var(--soul-anchor);
background-color: hsl(328 53% 27%);
border-color: oklch(0.37 0.113 351);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #692047;
--color-soul-anchor-50: #ffe9f8;
--color-soul-anchor-100: #ffd9eb;
--color-soul-anchor-200: #fcc1d8;
--color-soul-anchor-300: #e5a0bc;
--color-soul-anchor-400: #d182a7;
--color-soul-anchor-500: #bd648f;
--color-soul-anchor-600: #a05579;
--color-soul-anchor-700: #804461;
--color-soul-anchor-800: #5f3148;
--color-soul-anchor-900: #422132;
--color-soul-anchor-950: #2a101e;
}SCSS
$soul-anchor: #692047;
$soul-anchor-rgb: 105, 32, 71;
$soul-anchor-light: mix(#fff, $soul-anchor, 20%);
$soul-anchor-dark: mix(#000, $soul-anchor, 20%);
.element {
color: $soul-anchor;
box-shadow: 0 0 0 2px rgba($soul-anchor, 0.35);
}