Benannte Farbe · #E1EEE6
Cool Icicle
Cool Icicle ist #E1EEE6: rgb(225 238 230), hsl(143 28% 91%), oklch(0.937 0.017 159.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cool Icicle color name →
#E1EEE6
oklch(0.937 0.017 159.1)
Farbumrechnungen
- HEX
- #e1eee6
- RGB
- rgb(225 238 230)
- HSL
- hsl(143 28% 91%)
- HWB
- hwb(143 88% 7%)
- OKLCH
- oklch(0.937 0.017 159.1)
- OKLab
- oklab(0.937 -0.016 0.006)
- CIE Lab
- lab(92.95 -5.55 2.32)
- LCH
- lch(92.95 6.02 157.3)
- CMYK
- cmyk(5% 0% 3% 7%)
Tints · Shades · Tones
Tints
- E4F0E8
- E7F1EB
- EAF3ED
- EDF5F0
- F0F6F2
- F3F8F5
- F6FAF7
- F9FCFA
- FCFDFC
Shades
- C4CFC8
- A7B1AB
- 8B938E
- 707773
- 565C59
- 3E4240
- 272A28
- 121413
- 020303
Tones
- D7E2DB
- CDD7D1
- C3CCC6
- B9C1BC
- AFB5B2
- A6AAA7
- 9CA09D
- 939593
- 898A8A
Farbharmonien
Komplementär +180°
- E1EEE6
Cool Icicle
- F3E6EE
≈ Amour Frais
Analog -30° +30°
- E1EEE6
Cool Icicle
- E6EDE1
≈ Calm Thoughts
- DEEEEC
≈ Free Spirit
Triadisch +120° +240°
- E1EEE6
Cool Icicle
- E7E9F6
≈ Icy Lilac
- F5E7E2
≈ Potpourri
Geteilt komplementär +150° +210°
- E1EEE6
Cool Icicle
- EEE7F3
≈ Tranquil Eve
- F6E6E8
≈ Amour Frais
Tetradisch +90° +180° +270°
- E1EEE6
Cool Icicle
- E2EBF6
≈ Husky
- F3E6EE
≈ Amour Frais
- F2E8DE
≈ Gardenia
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.19:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.57:1 · APCA Lc 95
Beste Textfarbe: #000000
WCAG 17.57:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--cool-icicle: #e1eee6;
--cool-icicle-rgb: 225 238 230;
--cool-icicle-oklch: oklch(0.937 0.017 159.1);
}
.element {
color: var(--cool-icicle);
background-color: hsl(143 28% 91%);
border-color: oklch(0.937 0.017 159.1);
}Tailwind CSS v4
@theme {
--color-cool-icicle: #e1eee6;
--color-cool-icicle-50: #f1f7f3;
--color-cool-icicle-100: #e3eae6;
--color-cool-icicle-200: #ced7d2;
--color-cool-icicle-300: #b0bab4;
--color-cool-icicle-400: #96a29b;
--color-cool-icicle-500: #7d8a82;
--color-cool-icicle-600: #6a756e;
--color-cool-icicle-700: #555d58;
--color-cool-icicle-800: #3e4440;
--color-cool-icicle-900: #2a2f2c;
--color-cool-icicle-950: #181c19;
}SCSS
$cool-icicle: #e1eee6;
$cool-icicle-rgb: 225, 238, 230;
$cool-icicle-light: mix(#fff, $cool-icicle, 20%);
$cool-icicle-dark: mix(#000, $cool-icicle, 20%);
.element {
color: $cool-icicle;
box-shadow: 0 0 0 2px rgba($cool-icicle, 0.35);
}