最接近的命名颜色 · #80566A
#80566A
最接近的命名颜色: Royal Fig
#80566A（rgb(128 86 106)、hsl(331 20% 42%)、oklch(0.505 0.062 349.5)）最接近命名颜色 Royal Fig。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#80566A
oklch(0.505 0.062 349.5)
颜色转换
- HEX
- #80566a
- RGB
- rgb(128 86 106)
- HSL
- hsl(331 20% 42%)
- HWB
- hwb(331 34% 50%)
- OKLCH
- oklch(0.505 0.062 349.5)
- OKLab
- oklab(0.505 0.061 -0.011)
- CIE Lab
- lab(41.76 20.28 -4.09)
- LCH
- lch(41.76 20.69 348.6)
- CMYK
- cmyk(0% 33% 17% 50%)
浅色调 · 深色调 · 灰色调
浅色调
- 8D6678
- 997686
- A68694
- B296A3
- BFA7B2
- CCB8C1
- D8CAD0
- E5DBDF
- F2EDEF
深色调
- 6E4A5B
- 5D3E4D
- 4D323F
- 3D2731
- 2E1C24
- 1F1218
- 12080D
- 060204
- 010000
灰色调
- 805A6C
- 815F6E
- 816371
- 816773
- 816B75
- 816F77
- 817479
- 81787C
- 807C7E
配色和谐
互补色 +180°
- 80566A
Royal Fig
- 3E705F
≈ Cormorant
类似色 -30° +30°
- 80566A
Royal Fig
- 74597B
≈ Dr Who
- 855656
≈ Flowering Chestnut
三角配色 +120° +240°
- 80566A
Royal Fig
- 67683D
≈ Jungle Civilization
- 3C6C81
≈ Bering Wave
分裂互补色 +150° +210°
- 80566A
Royal Fig
- 526E4B
≈ Graceland Grass
- 347072
≈ Nordmann Fir
四角配色 +90° +180° +270°
- 80566A
Royal Fig
- 78613A
≈ Twig Basket
- 3E705F
≈ Cormorant
- 4F6589
≈ Luxe Blue
对比度与无障碍
Ag
AA白底
WCAG 6.07:1 · APCA Lc 80
Ag
Fail黑底
WCAG 3.45:1 · APCA Lc 22
最佳文字颜色: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
代码片段
CSS
:root {
--royal-fig: #80566a;
--royal-fig-rgb: 128 86 106;
--royal-fig-oklch: oklch(0.505 0.062 349.5);
}
.element {
color: var(--royal-fig);
background-color: hsl(331 20% 42%);
border-color: oklch(0.505 0.062 349.5);
}Tailwind CSS v4
@theme {
--color-royal-fig: #80566a;
--color-royal-fig-50: #ffeef7;
--color-royal-fig-100: #f9e0ea;
--color-royal-fig-200: #eacad7;
--color-royal-fig-300: #d2abbb;
--color-royal-fig-400: #bc90a4;
--color-royal-fig-500: #a6758c;
--color-royal-fig-600: #8c6477;
--color-royal-fig-700: #714f5f;
--color-royal-fig-800: #533a46;
--color-royal-fig-900: #3a2731;
--color-royal-fig-950: #24161d;
}SCSS
$royal-fig: #80566a;
$royal-fig-rgb: 128, 86, 106;
$royal-fig-light: mix(#fff, $royal-fig, 20%);
$royal-fig-dark: mix(#000, $royal-fig, 20%);
.element {
color: $royal-fig;
box-shadow: 0 0 0 2px rgba($royal-fig, 0.35);
}