命名颜色 · #528D3C
Fiji Palm
Fiji Palm 即 #528D3C：rgb(82 141 60)、hsl(104 40% 39%)、oklch(0.584 0.13 138)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Fiji Palm color name →
#528D3C
oklch(0.584 0.13 138)
颜色转换
- HEX
- #528d3c
- RGB
- rgb(82 141 60)
- HSL
- hsl(104 40% 39%)
- HWB
- hwb(104 24% 45%)
- OKLCH
- oklch(0.584 0.13 138)
- OKLab
- oklab(0.584 -0.096 0.087)
- CIE Lab
- lab(53.22 -31.95 36.19)
- LCH
- lch(53.22 48.28 131.4)
- CMYK
- cmyk(42% 0% 57% 45%)
浅色调 · 深色调 · 灰色调
浅色调
- 639850
- 74A464
- 85AF77
- 96BA8A
- A7C69D
- B8D1B0
- CADCC4
- DBE8D7
- EDF3EB
深色调
- 467A33
- 3B672A
- 2F5521
- 254419
- 1A3311
- 11230A
- 081404
- 020701
- 000100
灰色调
- 578C45
- 5D8B4C
- 628A54
- 66895B
- 6B8761
- 6F8668
- 74856E
- 788374
- 7C827A
配色和谐
互补色 +180°
- 528D3C
Fiji Palm
- 9B60AD
≈ Heath Spotted Orchid
类似色 -30° +30°
- 528D3C
Fiji Palm
- 838000
≈ Drably Olive
- 00916E
≈ Sea Swell
三角配色 +120° +240°
- 528D3C
Fiji Palm
- 487BC7
≈ Tufts Blue
- BC575E
≈ Hibiscus Flower
分裂互补色 +150° +210°
- 528D3C
Fiji Palm
- 796DC3
≈ Venus Violet
- B25889
≈ Dahlia Mauve
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 4.01:1 · APCA Lc 67
Ag
AA黑底
WCAG 5.23:1 · APCA Lc 34
最佳文字颜色: #000000
WCAG 5.23:1 (AA) · APCA Lc 34
Contrast pairs
代码片段
CSS
:root {
--fiji-palm: #528d3c;
--fiji-palm-rgb: 82 141 60;
--fiji-palm-oklch: oklch(0.584 0.13 138);
}
.element {
color: var(--fiji-palm);
background-color: hsl(104 40% 39%);
border-color: oklch(0.584 0.13 138);
}Tailwind CSS v4
@theme {
--color-fiji-palm: #528d3c;
--color-fiji-palm-50: #e2ffdc;
--color-fiji-palm-100: #d2f3ca;
--color-fiji-palm-200: #b7e2ae;
--color-fiji-palm-300: #94c888;
--color-fiji-palm-400: #77b063;
--color-fiji-palm-500: #579a3e;
--color-fiji-palm-600: #4b8236;
--color-fiji-palm-700: #3b682b;
--color-fiji-palm-800: #2c4c1b;
--color-fiji-palm-900: #1e3512;
--color-fiji-palm-950: #0e2004;
}SCSS
$fiji-palm: #528d3c;
$fiji-palm-rgb: 82, 141, 60;
$fiji-palm-light: mix(#fff, $fiji-palm, 20%);
$fiji-palm-dark: mix(#000, $fiji-palm, 20%);
.element {
color: $fiji-palm;
box-shadow: 0 0 0 2px rgba($fiji-palm, 0.35);
}