Couleur nommée · #AAC69A
Geddy Green
Geddy Green correspond à #AAC69A : rgb(170 198 154), hsl(98 28% 69%), oklch(0.794 0.068 134.3). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Geddy Green color name →
#AAC69A
oklch(0.794 0.068 134.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- B2CCA4
- BBD1AE
- C3D7B8
- CBDDC2
- D4E2CC
- DCE8D6
- E5EEE0
- EEF4EA
- F6F9F5
Ombres
- 93AC85
- 7D9271
- 687A5E
- 53624B
- 3F4B39
- 2D3527
- 1B2117
- 0B0E09
- 010201
Tons
- A6BF98
- A2B895
- 9DB193
- 99AA90
- 95A28D
- 919C8B
- 8D9588
- 888E85
- 848783
Harmonies de couleurs
Complémentaire +180°
- AAC69A
Geddy Green
- CCAFDB
≈ Lavender Field Dreamer
Analogue -30° +30°
- AAC69A
Geddy Green
- C2BF8C
≈ Brimstone Butterfly
- 93CAB0
≈ Vile Green
Triadique +120° +240°
- AAC69A
Geddy Green
- 9EBFE7
≈ Gallery Blue
- E4ABAE
≈ Raspberry Lemonade
Complémentaire divisée +150° +210°
- AAC69A
Geddy Green
- B6B7E7
≈ Perano
- DCABC6
≈ Lofty Delight
Tétradique +90° +180° +270°
- AAC69A
Geddy Green
- 8CC6DC
≈ Sky Fall
- CCAFDB
≈ Lavender Field Dreamer
- E2AF99
≈ Pink Sand
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.86:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.25:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.25:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
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);
}