Nazwany kolor · #E7DFC5
Ionic Ivory
Ionic Ivory to #E7DFC5: rgb(231 223 197), hsl(46 41% 84%), oklch(0.903 0.036 92.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Ionic Ivory color name →
#E7DFC5
oklch(0.903 0.036 92.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9E2CB
- ECE5D1
- EEE9D6
- F1ECDC
- F3EFE2
- F5F2E8
- F8F5EE
- FAF9F3
- FDFCF9
Odcienie ciemniejsze
- C9C2AB
- ABA592
- 8F8A79
- 736F61
- 59564B
- 403D35
- 282721
- 13120E
- 030202
Tony
- DCD5BE
- D2CBB7
- C7C2B0
- BCB8A9
- B2AEA2
- A8A59B
- 9E9C94
- 94928D
- 8A8987
Harmonie kolorów
Komplementarna +180°
- E7DFC5
Ionic Ivory
- D7DEF8
≈ Nostalgia Perfume
Analogowa -30° +30°
- E7DFC5
Ionic Ivory
- F1DBC7
≈ Subtle Blush
- DAE3CA
≈ Palm Breeze
Triada +120° +240°
- E7DFC5
Ionic Ivory
- C5E6ED
≈ Onahau
- EED7E9
≈ All Made Up
Komplementarna rozszczepiona +150° +210°
- E7DFC5
Ionic Ivory
- CCE2F5
≈ Salty Ice
- E3DAF3
≈ Pouty Purple
Tetrada +90° +180° +270°
- E7DFC5
Ionic Ivory
- C6E7E1
≈ Polar Expedition
- D7DEF8
≈ Nostalgia Perfume
- F5D6DD
≈ Pixie Dust
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.33:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.75:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}