Benannte Farbe · #E8F4D2
Light Green Veil
Light Green Veil ist #E8F4D2: rgb(232 244 210), hsl(81 61% 89%), oklch(0.949 0.046 123.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Light Green Veil color name →
#E8F4D2
oklch(0.949 0.046 123.1)
Farbumrechnungen
- HEX
- #e8f4d2
- RGB
- rgb(232 244 210)
- HSL
- hsl(81 61% 89%)
- HWB
- hwb(81 82% 4%)
- OKLCH
- oklch(0.949 0.046 123.1)
- OKLab
- oklab(0.949 -0.025 0.039)
- CIE Lab
- lab(94.62 -8.45 15.03)
- LCH
- lch(94.62 17.24 119.3)
- CMYK
- cmyk(5% 0% 14% 4%)
Tints · Shades · Tones
Tints
- EAF5D7
- EDF6DB
- EFF7E0
- F1F8E4
- F3FAE9
- F6FBED
- F8FCF2
- FAFDF6
- FDFEFB
Shades
- CAD4B6
- ACB59B
- 909781
- 747A68
- 595E50
- 404439
- 292B24
- 131410
- 030302
Tones
- DDE8CA
- D2DCC1
- C8D0B9
- BDC4B1
- B3B8A8
- A8ADA0
- 9EA198
- 949690
- 8A8B88
Farbharmonien
Komplementär +180°
- E8F4D2
Light Green Veil
- F2EAFF
≈ Placebo Purple
Analog -30° +30°
- E8F4D2
Light Green Veil
- F9EECC
≈ Ethereal
- D8F8E0
≈ Misty Lawn
Triadisch +120° +240°
- E8F4D2
Light Green Veil
- E0F1FF
≈ Wizard White
- FFE7EC
≈ Porcelain Skin
Geteilt komplementär +150° +210°
- E8F4D2
Light Green Veil
- E9EEFF
≈ Brilliant White
- FFE5F9
≈ Bunny Tail
Tetradisch +90° +180° +270°
- E8F4D2
Light Green Veil
- D0F6FF
≈ Vaporised
- F2EAFF
≈ Placebo Purple
- FFE9E3
≈ Translucent Silk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.14:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.30:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.30:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--light-green-veil: #e8f4d2;
--light-green-veil-rgb: 232 244 210;
--light-green-veil-oklch: oklch(0.949 0.046 123.1);
}
.element {
color: var(--light-green-veil);
background-color: hsl(81 61% 89%);
border-color: oklch(0.949 0.046 123.1);
}Tailwind CSS v4
@theme {
--color-light-green-veil: #e8f4d2;
--color-light-green-veil-50: #f2f8e9;
--color-light-green-veil-100: #e4ebda;
--color-light-green-veil-200: #cfd8c3;
--color-light-green-veil-300: #b2bca2;
--color-light-green-veil-400: #99a385;
--color-light-green-veil-500: #808c6a;
--color-light-green-veil-600: #6c765a;
--color-light-green-veil-700: #575f47;
--color-light-green-veil-800: #404533;
--color-light-green-veil-900: #2c3023;
--color-light-green-veil-950: #191c12;
}SCSS
$light-green-veil: #e8f4d2;
$light-green-veil-rgb: 232, 244, 210;
$light-green-veil-light: mix(#fff, $light-green-veil, 20%);
$light-green-veil-dark: mix(#000, $light-green-veil, 20%);
.element {
color: $light-green-veil;
box-shadow: 0 0 0 2px rgba($light-green-veil, 0.35);
}