命名颜色 · #79AA87
Green Globe
Green Globe 即 #79AA87：rgb(121 170 135)、hsl(137 22% 57%)、oklch(0.693 0.073 153.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Green Globe color name →
#79AA87
oklch(0.693 0.073 153.1)
颜色转换
- HEX
- #79aa87
- RGB
- rgb(121 170 135)
- HSL
- hsl(137 22% 57%)
- HWB
- hwb(137 47% 33%)
- OKLCH
- oklch(0.693 0.073 153.1)
- OKLab
- oklab(0.693 -0.065 0.033)
- CIE Lab
- lab(65.39 -22.56 12.64)
- LCH
- lch(65.39 25.86 150.7)
- CMYK
- cmyk(29% 0% 21% 33%)
浅色调 · 深色调 · 灰色调
浅色调
- 86B292
- 94BB9E
- A1C3AA
- AECCB6
- BBD4C2
- C9DDCE
- D6E5DA
- E4EEE6
- F1F6F3
深色调
- 689375
- 587D63
- 486851
- 395341
- 2B3F31
- 1D2D21
- 101B13
- 050B06
- 010101
灰色调
- 7AA686
- 7BA286
- 7C9D85
- 7D9984
- 7E9584
- 7E9183
- 7F8D82
- 7F8882
- 808481
配色和谐
互补色 +180°
- 79AA87
Green Globe
- B88CB0
≈ Purple Lepidolite
类似色 -30° +30°
- 79AA87
Green Globe
- 93A471
≈ Luscious Lime
- 65ACA1
≈ Green Crush
三角配色 +120° +240°
- 79AA87
Green Globe
- 8D9ACA
≈ Easter Egg
- C58C7F
≈ Burnished Apricot
分裂互补色 +150° +210°
- 79AA87
Green Globe
- A592C2
≈ Lilac Breeze
- C48A98
≈ Desert Bud
四角配色 +90° +180° +270°
- 79AA87
Green Globe
- 74A2C7
≈ Wandering River
- B88CB0
≈ Purple Lepidolite
- BD936D
≈ Painted Pony
对比度与无障碍
Ag
Fail白底
WCAG 2.65:1 · APCA Lc 52
Ag
AAA黑底
WCAG 7.91:1 · APCA Lc 50
最佳文字颜色: #000000
WCAG 7.91:1 (AAA) · APCA Lc 50
Contrast pairs
代码片段
CSS
:root {
--green-globe: #79aa87;
--green-globe-rgb: 121 170 135;
--green-globe-oklch: oklch(0.693 0.073 153.1);
}
.element {
color: var(--green-globe);
background-color: hsl(137 22% 57%);
border-color: oklch(0.693 0.073 153.1);
}Tailwind CSS v4
@theme {
--color-green-globe: #79aa87;
--color-green-globe-50: #e6fcec;
--color-green-globe-100: #d6f0dd;
--color-green-globe-200: #bcdec7;
--color-green-globe-300: #9ac3a7;
--color-green-globe-400: #7dab8a;
--color-green-globe-500: #5f956f;
--color-green-globe-600: #517e5e;
--color-green-globe-700: #40654b;
--color-green-globe-800: #2f4a35;
--color-green-globe-900: #203324;
--color-green-globe-950: #0f1f13;
}SCSS
$green-globe: #79aa87;
$green-globe-rgb: 121, 170, 135;
$green-globe-light: mix(#fff, $green-globe, 20%);
$green-globe-dark: mix(#000, $green-globe, 20%);
.element {
color: $green-globe;
box-shadow: 0 0 0 2px rgba($green-globe, 0.35);
}