Benannte Farbe · #D9EBAC
Ice Cold Green
Ice Cold Green ist #D9EBAC: rgb(217 235 172), hsl(77 61% 80%), oklch(0.911 0.084 121). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Ice Cold Green color name →
#D9EBAC
oklch(0.911 0.084 121)
Farbumrechnungen
- HEX
- #d9ebac
- RGB
- rgb(217 235 172)
- HSL
- hsl(77 61% 80%)
- HWB
- hwb(77 67% 8%)
- OKLCH
- oklch(0.911 0.084 121)
- OKLab
- oklab(0.911 -0.043 0.072)
- CIE Lab
- lab(90.55 -13.88 28.59)
- LCH
- lch(90.55 31.78 115.9)
- CMYK
- cmyk(8% 0% 27% 8%)
Tints · Shades · Tones
Tints
- DDEDB5
- E0EFBD
- E4F1C5
- E8F3CE
- ECF5D6
- F0F7DE
- F3F9E7
- F7FBEF
- FBFDF7
Shades
- BCCC95
- A1AE7F
- 869169
- 6C7554
- 535B40
- 3B412D
- 25291B
- 11130B
- 020301
Tones
- D0E0A8
- C6D5A4
- BDCA9F
- B4BF9B
- ABB497
- A2AA92
- 9A9F8E
- 919589
- 888A85
Farbharmonien
Komplementär +180°
- D9EBAC
Ice Cold Green
- E7DBFF
≈ Lavender Savour
Analog -30° +30°
- D9EBAC
Ice Cold Green
- F7E0A1
≈ Aspen Yellow
- B9F2C5
≈ Peasful Mint
Triadisch +120° +240°
- D9EBAC
Ice Cold Green
- C7E7FF
≈ Icy Landscape
- FFD5E0
≈ No Need to Blush
Geteilt komplementär +150° +210°
- D9EBAC
Ice Cold Green
- D7E1FF
≈ Contrail
- FFD1F8
≈ Pink Diamond
Tetradisch +90° +180° +270°
- D9EBAC
Ice Cold Green
- A4F0FF
≈ Beyond the Clouds
- E7DBFF
≈ Lavender Savour
- FFD7CF
≈ Shy Girl
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.27:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.42:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.42:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--ice-cold-green: #d9ebac;
--ice-cold-green-rgb: 217 235 172;
--ice-cold-green-oklch: oklch(0.911 0.084 121);
}
.element {
color: var(--ice-cold-green);
background-color: hsl(77 61% 80%);
border-color: oklch(0.911 0.084 121);
}Tailwind CSS v4
@theme {
--color-ice-cold-green: #d9ebac;
--color-ice-cold-green-50: #f0fadf;
--color-ice-cold-green-100: #e2edce;
--color-ice-cold-green-200: #cddbb3;
--color-ice-cold-green-300: #afbf8f;
--color-ice-cold-green-400: #97a66e;
--color-ice-cold-green-500: #7e8f4d;
--color-ice-cold-green-600: #6a7942;
--color-ice-cold-green-700: #556134;
--color-ice-cold-green-800: #3f4724;
--color-ice-cold-green-900: #2b3118;
--color-ice-cold-green-950: #191d09;
}SCSS
$ice-cold-green: #d9ebac;
$ice-cold-green-rgb: 217, 235, 172;
$ice-cold-green-light: mix(#fff, $ice-cold-green, 20%);
$ice-cold-green-dark: mix(#000, $ice-cold-green, 20%);
.element {
color: $ice-cold-green;
box-shadow: 0 0 0 2px rgba($ice-cold-green, 0.35);
}