命名颜色 · #AAC69A
Geddy Green
Geddy Green 即 #AAC69A：rgb(170 198 154)、hsl(98 28% 69%)、oklch(0.794 0.068 134.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Geddy Green color name →
#AAC69A
oklch(0.794 0.068 134.3)
颜色转换
- HEX
- #aac69a
- RGB
- rgb(170 198 154)
- HSL
- hsl(98 28% 69%)
- HWB
- hwb(98 60% 22%)
- OKLCH
- oklch(0.794 0.068 134.3)
- OKLab
- oklab(0.794 -0.047 0.048)
- CIE Lab
- lab(76.91 -15.84 18.86)
- LCH
- lch(76.91 24.63 130)
- CMYK
- cmyk(14% 0% 22% 22%)
浅色调 · 深色调 · 灰色调
浅色调
- B2CCA4
- BBD1AE
- C3D7B8
- CBDDC2
- D4E2CC
- DCE8D6
- E5EEE0
- EEF4EA
- F6F9F5
深色调
- 93AC85
- 7D9271
- 687A5E
- 53624B
- 3F4B39
- 2D3527
- 1B2117
- 0B0E09
- 010201
灰色调
- A6BF98
- A2B895
- 9DB193
- 99AA90
- 95A28D
- 919C8B
- 8D9588
- 888E85
- 848783
配色和谐
互补色 +180°
- AAC69A
Geddy Green
- CCAFDB
≈ Lavender Field Dreamer
类似色 -30° +30°
- AAC69A
Geddy Green
- C2BF8C
≈ Brimstone Butterfly
- 93CAB0
≈ Vile Green
三角配色 +120° +240°
- AAC69A
Geddy Green
- 9EBFE7
≈ Gallery Blue
- E4ABAE
≈ Raspberry Lemonade
分裂互补色 +150° +210°
- AAC69A
Geddy Green
- B6B7E7
≈ Perano
- DCABC6
≈ Lofty Delight
四角配色 +90° +180° +270°
- AAC69A
Geddy Green
- 8CC6DC
≈ Sky Fall
- CCAFDB
≈ Lavender Field Dreamer
- E2AF99
≈ Pink Sand
对比度与无障碍
Ag
Fail白底
WCAG 1.86:1 · APCA Lc 35
Ag
AAA黑底
WCAG 11.25:1 · APCA Lc 67
最佳文字颜色: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
代码片段
CSS
:root {
--geddy-green: #aac69a;
--geddy-green-rgb: 170 198 154;
--geddy-green-oklch: oklch(0.794 0.068 134.3);
}
.element {
color: var(--geddy-green);
background-color: hsl(98 28% 69%);
border-color: oklch(0.794 0.068 134.3);
}Tailwind CSS v4
@theme {
--color-geddy-green: #aac69a;
--color-geddy-green-50: #edfae7;
--color-geddy-green-100: #deeed7;
--color-geddy-green-200: #c7dbbf;
--color-geddy-green-300: #a8c09e;
--color-geddy-green-400: #8ea87f;
--color-geddy-green-500: #739062;
--color-geddy-green-600: #627a54;
--color-geddy-green-700: #4e6243;
--color-geddy-green-800: #39472f;
--color-geddy-green-900: #273220;
--color-geddy-green-950: #151d0f;
}SCSS
$geddy-green: #aac69a;
$geddy-green-rgb: 170, 198, 154;
$geddy-green-light: mix(#fff, $geddy-green, 20%);
$geddy-green-dark: mix(#000, $geddy-green, 20%);
.element {
color: $geddy-green;
box-shadow: 0 0 0 2px rgba($geddy-green, 0.35);
}