Benoemde kleur · #AAEE00
Green Fiasco
Green Fiasco is #AAEE00: rgb(170 238 0), hsl(77 100% 47%), oklch(0.871 0.226 127.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Green Fiasco color name →
#AAEE00
oklch(0.871 0.226 127.6)
Kleurconversies
- HEX
- #aaee00
- RGB
- rgb(170 238 0)
- HSL
- hsl(77 100% 47%)
- HWB
- hwb(77 0% 7%)
- OKLCH
- oklch(0.871 0.226 127.6)
- OKLab
- oklab(0.871 -0.138 0.179)
- CIE Lab
- lab(87.11 -41.54 82.72)
- LCH
- lch(87.11 92.56 116.7)
- CMYK
- cmyk(29% 0% 100% 7%)
Tinten · Schaduwen · Tonen
Tinten
- B2F045
- BBF364
- C3F57C
- CCF792
- D4F8A6
- DDFAB9
- E5FCCB
- EEFDDD
- F6FEEE
Schaduwen
- 93CF00
- 7DB100
- 689300
- 537700
- 3F5C00
- 2D4200
- 1B2A00
- 0B1400
- 010300
Tonen
- A6E332
- A2D846
- 9ECD54
- 99C25E
- 95B767
- 91AC6E
- 8DA174
- 899678
- 848B7D
Kleurharmonieën
Complementair +180°
- AAEE00
Green Fiasco
- E3C7FF
≈ Foggy Heath
Analoog -30° +30°
- AAEE00
Green Fiasco
- F5D400
≈ Thick Yellow
- 00FB9E
≈ Atomic Spring
Triadisch +120° +240°
- AAEE00
Green Fiasco
- B2D9FF
≈ Droplet
- FFC2CC
≈ Cotton Candy Comet
Gesplitst complementair +150° +210°
- AAEE00
Green Fiasco
- CAD1FF
≈ Pale Phthalo Blue
- FFBCEB
≈ Pink Quartz
Tetradisch +90° +180° +270°
- AAEE00
Green Fiasco
- 84E5FF
≈ Tranquil Pool
- E3C7FF
≈ Foggy Heath
- FFC5B3
≈ Ballet Skirt
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.40:1 · APCA Lc 19
Ag
AAAOp zwart
WCAG 14.93:1 · APCA Lc 84
Beste tekstkleur: #000000
WCAG 14.93:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
CSS
:root {
--green-fiasco: #aaee00;
--green-fiasco-rgb: 170 238 0;
--green-fiasco-oklch: oklch(0.871 0.226 127.6);
}
.element {
color: var(--green-fiasco);
background-color: hsl(77 100% 47%);
border-color: oklch(0.871 0.226 127.6);
}Tailwind CSS v4
@theme {
--color-green-fiasco: #aaee00;
--color-green-fiasco-50: #e0ffbe;
--color-green-fiasco-100: #d0f7a6;
--color-green-fiasco-200: #b5e77b;
--color-green-fiasco-300: #91cd3e;
--color-green-fiasco-400: #78b400;
--color-green-fiasco-500: #5a9d00;
--color-green-fiasco-600: #4d8500;
--color-green-fiasco-700: #3d6a00;
--color-green-fiasco-800: #304e00;
--color-green-fiasco-900: #203600;
--color-green-fiasco-950: #102100;
}SCSS
$green-fiasco: #aaee00;
$green-fiasco-rgb: 170, 238, 0;
$green-fiasco-light: mix(#fff, $green-fiasco, 20%);
$green-fiasco-dark: mix(#000, $green-fiasco, 20%);
.element {
color: $green-fiasco;
box-shadow: 0 0 0 2px rgba($green-fiasco, 0.35);
}