Benannte Farbe · #E7DFC5
Ionic Ivory
Ionic Ivory ist #E7DFC5: rgb(231 223 197), hsl(46 41% 84%), oklch(0.903 0.036 92.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Ionic Ivory color name →
#E7DFC5
oklch(0.903 0.036 92.8)
Farbumrechnungen
- HEX
- #e7dfc5
- RGB
- rgb(231 223 197)
- HSL
- hsl(46 41% 84%)
- HWB
- hwb(46 77% 9%)
- OKLCH
- oklch(0.903 0.036 92.8)
- OKLab
- oklab(0.903 -0.002 0.036)
- CIE Lab
- lab(88.95 -0.35 13.82)
- LCH
- lch(88.95 13.83 91.4)
- CMYK
- cmyk(0% 3% 15% 9%)
Tints · Shades · Tones
Tints
- E9E2CB
- ECE5D1
- EEE9D6
- F1ECDC
- F3EFE2
- F5F2E8
- F8F5EE
- FAF9F3
- FDFCF9
Shades
- C9C2AB
- ABA592
- 8F8A79
- 736F61
- 59564B
- 403D35
- 282721
- 13120E
- 030202
Tones
- DCD5BE
- D2CBB7
- C7C2B0
- BCB8A9
- B2AEA2
- A8A59B
- 9E9C94
- 94928D
- 8A8987
Farbharmonien
Komplementär +180°
- E7DFC5
Ionic Ivory
- D7DEF8
≈ Nostalgia Perfume
Analog -30° +30°
- E7DFC5
Ionic Ivory
- F1DBC7
≈ Subtle Blush
- DAE3CA
≈ Palm Breeze
Triadisch +120° +240°
- E7DFC5
Ionic Ivory
- C5E6ED
≈ Onahau
- EED7E9
≈ All Made Up
Geteilt komplementär +150° +210°
- E7DFC5
Ionic Ivory
- CCE2F5
≈ Salty Ice
- E3DAF3
≈ Pouty Purple
Tetradisch +90° +180° +270°
- E7DFC5
Ionic Ivory
- C6E7E1
≈ Polar Expedition
- D7DEF8
≈ Nostalgia Perfume
- F5D6DD
≈ Pixie Dust
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.33:1 · APCA Lc 16
Ag
AAAAuf Schwarz
WCAG 15.75:1 · APCA Lc 87
Beste Textfarbe: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--ionic-ivory: #e7dfc5;
--ionic-ivory-rgb: 231 223 197;
--ionic-ivory-oklch: oklch(0.903 0.036 92.8);
}
.element {
color: var(--ionic-ivory);
background-color: hsl(46 41% 84%);
border-color: oklch(0.903 0.036 92.8);
}Tailwind CSS v4
@theme {
--color-ionic-ivory: #e7dfc5;
--color-ionic-ivory-50: #f8f5ea;
--color-ionic-ivory-100: #ebe8db;
--color-ionic-ivory-200: #d9d4c4;
--color-ionic-ivory-300: #bdb8a3;
--color-ionic-ivory-400: #a69e87;
--color-ionic-ivory-500: #8e866c;
--color-ionic-ivory-600: #78715b;
--color-ionic-ivory-700: #605b49;
--color-ionic-ivory-800: #474234;
--color-ionic-ivory-900: #312e24;
--color-ionic-ivory-950: #1d1a13;
}SCSS
$ionic-ivory: #e7dfc5;
$ionic-ivory-rgb: 231, 223, 197;
$ionic-ivory-light: mix(#fff, $ionic-ivory, 20%);
$ionic-ivory-dark: mix(#000, $ionic-ivory, 20%);
.element {
color: $ionic-ivory;
box-shadow: 0 0 0 2px rgba($ionic-ivory, 0.35);
}