命名颜色 · #6F8165
Cliffside Park
Cliffside Park 即 #6F8165：rgb(111 129 101)、hsl(99 12% 45%)、oklch(0.581 0.047 134.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Cliffside Park color name →
#6F8165
oklch(0.581 0.047 134.5)
颜色转换
- HEX
- #6f8165
- RGB
- rgb(111 129 101)
- HSL
- hsl(99 12% 45%)
- HWB
- hwb(99 40% 49%)
- OKLCH
- oklch(0.581 0.047 134.5)
- OKLab
- oklab(0.581 -0.033 0.033)
- CIE Lab
- lab(51.91 -10.99 12.95)
- LCH
- lch(51.91 16.99 130.3)
- CMYK
- cmyk(14% 0% 22% 49%)
浅色调 · 深色调 · 灰色调
浅色调
- 7C8D73
- 8A9982
- 98A591
- A6B2A0
- B4BEAF
- C3CBBF
- D2D8CF
- E1E5DF
- F0F2EF
深色调
- 606F57
- 515E49
- 424E3C
- 343E2F
- 272E22
- 1A1F17
- 0E120C
- 040603
- 010100
灰色调
- 718168
- 72816B
- 74816D
- 768170
- 788173
- 798175
- 7B8078
- 7D807B
- 7E807D
配色和谐
互补色 +180°
- 6F8165
Cliffside Park
- 85738E
≈ Vintage
类似色 -30° +30°
- 6F8165
Cliffside Park
- 7F7C5C
≈ Thurman
- 618473
≈ Lorna
三角配色 +120° +240°
- 6F8165
Cliffside Park
- 687C96
≈ Blue Suede
- 947072
≈ Homestead Red
分裂互补色 +150° +210°
- 6F8165
Cliffside Park
- 777796
≈ Iris Eyes
- 8F7081
≈ Magic Gem
四角配色 +90° +180° +270°
- 6F8165
Cliffside Park
- 5C818F
≈ Blue Moon Bay
- 85738E
≈ Vintage
- 937264
≈ Milk Brownie Dough
对比度与无障碍
Ag
Fail白底
WCAG 4.19:1 · APCA Lc 69
Ag
AA黑底
WCAG 5.00:1 · APCA Lc 33
最佳文字颜色: #000000
WCAG 5.00:1 (AA) · APCA Lc 33
Contrast pairs
代码片段
CSS
:root {
--cliffside-park: #6f8165;
--cliffside-park-rgb: 111 129 101;
--cliffside-park-oklch: oklch(0.581 0.047 134.5);
}
.element {
color: var(--cliffside-park);
background-color: hsl(99 12% 45%);
border-color: oklch(0.581 0.047 134.5);
}Tailwind CSS v4
@theme {
--color-cliffside-park: #6f8165;
--color-cliffside-park-50: #eff8eb;
--color-cliffside-park-100: #e1ecdc;
--color-cliffside-park-200: #cbd9c6;
--color-cliffside-park-300: #adbda6;
--color-cliffside-park-400: #93a589;
--color-cliffside-park-500: #798d6e;
--color-cliffside-park-600: #67785d;
--color-cliffside-park-700: #52604a;
--color-cliffside-park-800: #3c4635;
--color-cliffside-park-900: #293024;
--color-cliffside-park-950: #171d13;
}SCSS
$cliffside-park: #6f8165;
$cliffside-park-rgb: 111, 129, 101;
$cliffside-park-light: mix(#fff, $cliffside-park, 20%);
$cliffside-park-dark: mix(#000, $cliffside-park, 20%);
.element {
color: $cliffside-park;
box-shadow: 0 0 0 2px rgba($cliffside-park, 0.35);
}