Benannte Farbe · #93EF10
Fresh Leaf
Fresh Leaf ist #93EF10: rgb(147 239 16), hsl(85 87% 50%), oklch(0.861 0.237 132.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Fresh Leaf color name →
#93EF10
oklch(0.861 0.237 132.1)
Farbumrechnungen
- HEX
- #93ef10
- RGB
- rgb(147 239 16)
- HSL
- hsl(85 87% 50%)
- HWB
- hwb(85 6% 6%)
- OKLCH
- oklch(0.861 0.237 132.1)
- OKLab
- oklab(0.861 -0.159 0.176)
- CIE Lab
- lab(86.21 -49.75 80.11)
- LCH
- lch(86.21 94.3 121.8)
- CMYK
- cmyk(38% 0% 93% 6%)
Tints · Shades · Tones
Tints
- 9FF147
- AAF465
- B5F67D
- C0F792
- CAF9A6
- D5FBB9
- E0FCCB
- EAFDDD
- F5FEEE
Shades
- 7FD00C
- 6CB109
- 599406
- 477804
- 365C02
- 254201
- 162A00
- 081400
- 010300
Tones
- 92E435
- 91D948
- 8FCE55
- 8DC25F
- 8CB767
- 8AAC6E
- 87A174
- 859679
- 838B7D
Farbharmonien
Komplementär +180°
- 93EF10
Fresh Leaf
- E6BFFF
≈ Jane Purple
Analog -30° +30°
- 93EF10
Fresh Leaf
- E9D400
≈ Holy Grail
- 00F6AB
≈ Hyperpop Green
Triadisch +120° +240°
- 93EF10
Fresh Leaf
- B0D5FF
≈ Ice Cold Stare
- FFBDC4
≈ A Lot of Love
Geteilt komplementär +150° +210°
- 93EF10
Fresh Leaf
- C9CCFF
≈ Lavender Blue
- FFB8E3
≈ Bubblegum Heart
Tetradisch +90° +180° +270°
- 93EF10
Fresh Leaf
- 85E0FF
≈ Tranquil Pool
- E6BFFF
≈ Jane Purple
- FFC1A9
≈ Porcellana
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.43:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.59:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.59:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--fresh-leaf: #93ef10;
--fresh-leaf-rgb: 147 239 16;
--fresh-leaf-oklch: oklch(0.861 0.237 132.1);
}
.element {
color: var(--fresh-leaf);
background-color: hsl(85 87% 50%);
border-color: oklch(0.861 0.237 132.1);
}Tailwind CSS v4
@theme {
--color-fresh-leaf: #93ef10;
--color-fresh-leaf-50: #d9ffc0;
--color-fresh-leaf-100: #c7faa8;
--color-fresh-leaf-200: #a9ea7f;
--color-fresh-leaf-300: #82d044;
--color-fresh-leaf-400: #64b800;
--color-fresh-leaf-500: #3fa100;
--color-fresh-leaf-600: #368800;
--color-fresh-leaf-700: #2b6d00;
--color-fresh-leaf-800: #245000;
--color-fresh-leaf-900: #183800;
--color-fresh-leaf-950: #082200;
}SCSS
$fresh-leaf: #93ef10;
$fresh-leaf-rgb: 147, 239, 16;
$fresh-leaf-light: mix(#fff, $fresh-leaf, 20%);
$fresh-leaf-dark: mix(#000, $fresh-leaf, 20%);
.element {
color: $fresh-leaf;
box-shadow: 0 0 0 2px rgba($fresh-leaf, 0.35);
}