命名颜色 · #859D66
Green Sky
Green Sky 即 #859D66：rgb(133 157 102)、hsl(86 22% 51%)、oklch(0.663 0.082 127.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Green Sky color name →
#859D66
oklch(0.663 0.082 127.6)
颜色转换
- HEX
- #859d66
- RGB
- rgb(133 157 102)
- HSL
- hsl(86 22% 51%)
- HWB
- hwb(86 40% 38%)
- OKLCH
- oklch(0.663 0.082 127.6)
- OKLab
- oklab(0.663 -0.05 0.065)
- CIE Lab
- lab(61.82 -16.13 25.91)
- LCH
- lch(61.82 30.52 121.9)
- CMYK
- cmyk(15% 0% 35% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- 91A775
- 9CB084
- A8BA93
- B4C4A2
- C0CDB1
- CDD7C1
- D9E1D0
- E6EBDF
- F2F5EF
深色调
- 738858
- 61734A
- 505F3C
- 404C2F
- 303A23
- 212817
- 13180C
- 060904
- 010100
灰色调
- 859A69
- 84976C
- 84946F
- 839272
- 838F74
- 828C77
- 828979
- 81867C
- 81837E
配色和谐
互补色 +180°
- 859D66
Green Sky
- A186BA
≈ Peony Mauve
类似色 -30° +30°
- 859D66
Green Sky
- A19457
≈ Desert Yellow
- 67A380
≈ Plumosa
三角配色 +120° +240°
- 859D66
Green Sky
- 6A98C3
≈ Windstorm
- BF7E8A
≈ Lipstick Pink
分裂互补色 +150° +210°
- 859D66
Green Sky
- 878FC5
≈ Carriage Ride
- B480A5
≈ Purple Stripe
四角配色 +90° +180° +270°
- 859D66
Green Sky
- 53A0B4
≈ Inuit
- A186BA
≈ Peony Mauve
- BF826F
≈ Kitchen Terra Cotta
对比度与无障碍
Ag
Fail白底
WCAG 2.99:1 · APCA Lc 57
Ag
AAA黑底
WCAG 7.01:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 7.01:1 (AAA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--green-sky: #859d66;
--green-sky-rgb: 133 157 102;
--green-sky-oklch: oklch(0.663 0.082 127.6);
}
.element {
color: var(--green-sky);
background-color: hsl(86 22% 51%);
border-color: oklch(0.663 0.082 127.6);
}Tailwind CSS v4
@theme {
--color-green-sky: #859d66;
--color-green-sky-50: #eefae2;
--color-green-sky-100: #dfeed1;
--color-green-sky-200: #c9dcb7;
--color-green-sky-300: #aac094;
--color-green-sky-400: #91a873;
--color-green-sky-500: #779154;
--color-green-sky-600: #657a48;
--color-green-sky-700: #506239;
--color-green-sky-800: #3b4727;
--color-green-sky-900: #29321a;
--color-green-sky-950: #171d0b;
}SCSS
$green-sky: #859d66;
$green-sky-rgb: 133, 157, 102;
$green-sky-light: mix(#fff, $green-sky, 20%);
$green-sky-dark: mix(#000, $green-sky, 20%);
.element {
color: $green-sky;
box-shadow: 0 0 0 2px rgba($green-sky, 0.35);
}