Benoemde kleur · #C2FF89
Light Yellowish Green
Light Yellowish Green is #C2FF89: rgb(194 255 137), hsl(91 100% 77%), oklch(0.933 0.161 131.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Light Yellowish Green color name →
#C2FF89
oklch(0.933 0.161 131.3)
Kleurconversies
- HEX
- #c2ff89
- RGB
- rgb(194 255 137)
- HSL
- hsl(91 100% 77%)
- HWB
- hwb(91 54% 0%)
- OKLCH
- oklch(0.933 0.161 131.3)
- OKLab
- oklab(0.933 -0.106 0.121)
- CIE Lab
- lab(93.97 -34.23 49.57)
- LCH
- lch(93.97 60.24 124.6)
- CMYK
- cmyk(24% 0% 46% 0%)
Tinten · Schaduwen · Tonen
Tinten
- C8FF97
- CEFFA4
- D5FFB0
- DBFFBC
- E1FFC8
- E7FFD3
- EDFFDE
- F3FFE9
- F9FFF4
Schaduwen
- A8DE76
- 8FBE64
- 779E53
- 608042
- 496331
- 344822
- 202E14
- 0E1607
- 020301
Tonen
- BBF28A
- B5E58A
- AED88A
- A8CB89
- A1BE89
- 9AB287
- 94A586
- 8D9984
- 878C82
Kleurharmonieën
Complementair +180°
- C2FF89
Light Yellowish Green
- F3E1FF
≈ Lavender Savour
Analoog -30° +30°
- C2FF89
Light Yellowish Green
- FFEC64
≈ Caduceus Gold
- A9FFD3
≈ Mintastic
Triadisch +120° +240°
- C2FF89
Light Yellowish Green
- D9EBFF
≈ Cloudless
- FFE0E3
≈ Pink Pleasure
Gesplitst complementair +150° +210°
- C2FF89
Light Yellowish Green
- E5E7FF
≈ Cyber Lavender
- FFDEF2
≈ So This Is Love
Tetradisch +90° +180° +270°
- C2FF89
Light Yellowish Green
- C8F1FF
≈ Heaven’s Gate
- F3E1FF
≈ Lavender Savour
- FFE2D7
≈ Tranquil Peach
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOp zwart
WCAG 17.95:1 · APCA Lc 96
Beste tekstkleur: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Codefragmenten
CSS
:root {
--light-yellowish-green: #c2ff89;
--light-yellowish-green-rgb: 194 255 137;
--light-yellowish-green-oklch: oklch(0.933 0.161 131.3);
}
.element {
color: var(--light-yellowish-green);
background-color: hsl(91 100% 77%);
border-color: oklch(0.933 0.161 131.3);
}Tailwind CSS v4
@theme {
--color-light-yellowish-green: #c2ff89;
--color-light-yellowish-green-50: #e3ffd1;
--color-light-yellowish-green-100: #d3f4bd;
--color-light-yellowish-green-200: #b9e49c;
--color-light-yellowish-green-300: #96c972;
--color-light-yellowish-green-400: #7bb142;
--color-light-yellowish-green-500: #5d9a00;
--color-light-yellowish-green-600: #4f8200;
--color-light-yellowish-green-700: #3f6801;
--color-light-yellowish-green-800: #304c00;
--color-light-yellowish-green-900: #213500;
--color-light-yellowish-green-950: #102000;
}SCSS
$light-yellowish-green: #c2ff89;
$light-yellowish-green-rgb: 194, 255, 137;
$light-yellowish-green-light: mix(#fff, $light-yellowish-green, 20%);
$light-yellowish-green-dark: mix(#000, $light-yellowish-green, 20%);
.element {
color: $light-yellowish-green;
box-shadow: 0 0 0 2px rgba($light-yellowish-green, 0.35);
}