Benannte Farbe · #EAF3E6
Glacier Ivy
Glacier Ivy ist #EAF3E6: rgb(234 243 230), hsl(102 35% 93%), oklch(0.954 0.02 135.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Glacier Ivy color name →
#EAF3E6
oklch(0.954 0.02 135.8)
Farbumrechnungen
- HEX
- #eaf3e6
- RGB
- rgb(234 243 230)
- HSL
- hsl(102 35% 93%)
- HWB
- hwb(102 90% 5%)
- OKLCH
- oklch(0.954 0.02 135.8)
- OKLab
- oklab(0.954 -0.014 0.014)
- CIE Lab
- lab(94.89 -4.81 5.2)
- LCH
- lch(94.89 7.08 132.7)
- CMYK
- cmyk(4% 0% 5% 5%)
Tints · Shades · Tones
Tints
- ECF4E8
- EEF5EB
- F0F7ED
- F2F8F0
- F4F9F2
- F7FAF5
- F9FBF7
- FBFDFA
- FDFEFC
Shades
- CBD3C8
- AEB4AB
- 91978E
- 757A73
- 5A5E59
- 414440
- 292B28
- 131413
- 030303
Tones
- DFE7DB
- D4DBD1
- C9CFC6
- BEC3BC
- B4B8B2
- A9ACA7
- 9FA19D
- 949694
- 8A8B8A
Farbharmonien
Komplementär +180°
- EAF3E6
Glacier Ivy
- F5ECF9
≈ Placebo Fuchsia
Analog -30° +30°
- EAF3E6
Glacier Ivy
- F1F1E2
≈ White Geranium
- E4F4ED
≈ Bath Bubbles
Triadisch +120° +240°
- EAF3E6
Glacier Ivy
- E7F1FD
≈ Cotton Boll
- FDEBEB
≈ Placebo Red
Geteilt komplementär +150° +210°
- EAF3E6
Glacier Ivy
- EEEEFD
≈ Carte Blanche
- FAEBF2
≈ Placebo Magenta
Tetradisch +90° +180° +270°
- EAF3E6
Glacier Ivy
- E3F3FA
≈ Coastal Breeze
- F5ECF9
≈ Placebo Fuchsia
- FCECE5
≈ Soft Pink Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.46:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.46:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--glacier-ivy: #eaf3e6;
--glacier-ivy-rgb: 234 243 230;
--glacier-ivy-oklch: oklch(0.954 0.02 135.8);
}
.element {
color: var(--glacier-ivy);
background-color: hsl(102 35% 93%);
border-color: oklch(0.954 0.02 135.8);
}Tailwind CSS v4
@theme {
--color-glacier-ivy: #eaf3e6;
--color-glacier-ivy-50: #f2f6f1;
--color-glacier-ivy-100: #e5e9e3;
--color-glacier-ivy-200: #d0d6ce;
--color-glacier-ivy-300: #b3bab0;
--color-glacier-ivy-400: #99a196;
--color-glacier-ivy-500: #80897c;
--color-glacier-ivy-600: #6d7469;
--color-glacier-ivy-700: #575d54;
--color-glacier-ivy-800: #40443d;
--color-glacier-ivy-900: #2c2f2a;
--color-glacier-ivy-950: #191b18;
}SCSS
$glacier-ivy: #eaf3e6;
$glacier-ivy-rgb: 234, 243, 230;
$glacier-ivy-light: mix(#fff, $glacier-ivy, 20%);
$glacier-ivy-dark: mix(#000, $glacier-ivy, 20%);
.element {
color: $glacier-ivy;
box-shadow: 0 0 0 2px rgba($glacier-ivy, 0.35);
}