Nazwany kolor · #E7D8BC
Ivory Essence
Ivory Essence to #E7D8BC: rgb(231 216 188), hsl(39 47% 82%), oklch(0.887 0.041 83.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Ivory Essence color name →
#E7D8BC
oklch(0.887 0.041 83.1)
Konwersje koloru
- HEX
- #e7d8bc
- RGB
- rgb(231 216 188)
- HSL
- hsl(39 47% 82%)
- HWB
- hwb(39 74% 9%)
- OKLCH
- oklch(0.887 0.041 83.1)
- OKLab
- oklab(0.887 0.005 0.04)
- CIE Lab
- lab(87.02 2.04 15.82)
- LCH
- lch(87.02 15.95 82.7)
- CMYK
- cmyk(0% 6% 19% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E9DCC3
- ECE0C9
- EEE4D0
- F1E8D7
- F3EBDD
- F5EFE4
- F8F3EB
- FAF7F2
- FDFBF8
Odcienie ciemniejsze
- C9BCA3
- ABA08B
- 8F8573
- 736B5D
- 595347
- 403B32
- 28251F
- 13110D
- 030202
Tony
- DCCFB6
- D2C6B0
- C7BDAA
- BDB4A4
- B2AB9E
- A8A298
- 9E9A92
- 94918C
- 8A8886
Harmonie kolorów
Komplementarna +180°
- E7D8BC
Ivory Essence
- CCDAF6
≈ Fly a Kite
Analogowa -30° +30°
- E7D8BC
Ivory Essence
- F1D3C1
≈ Maiden’s Blush
- D9DDBF
≈ Garden Gate
Triada +120° +240°
- E7D8BC
Ivory Essence
- BBE2E6
≈ Forever
- E8D1EA
≈ Little Touch
Komplementarna rozszczepiona +150° +210°
- E7D8BC
Ivory Essence
- C0DFF1
≈ Tropical Pool
- DAD5F3
≈ Japan Blush
Tetrada +90° +180° +270°
- E7D8BC
Ivory Essence
- BFE3D7
≈ Beru
- CCDAF6
≈ Fly a Kite
- F1CFDC
≈ Ballerina
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.40:1 · APCA Lc 20
Ag
AAANa czerni
WCAG 14.94:1 · APCA Lc 84
Najlepszy kolor tekstu: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--ivory-essence: #e7d8bc;
--ivory-essence-rgb: 231 216 188;
--ivory-essence-oklch: oklch(0.887 0.041 83.1);
}
.element {
color: var(--ivory-essence);
background-color: hsl(39 47% 82%);
border-color: oklch(0.887 0.041 83.1);
}Tailwind CSS v4
@theme {
--color-ivory-essence: #e7d8bc;
--color-ivory-essence-50: #faf5e8;
--color-ivory-essence-100: #eee7d9;
--color-ivory-essence-200: #dcd3c1;
--color-ivory-essence-300: #c1b6a0;
--color-ivory-essence-400: #aa9d84;
--color-ivory-essence-500: #938468;
--color-ivory-essence-600: #7d7058;
--color-ivory-essence-700: #645946;
--color-ivory-essence-800: #4a4132;
--color-ivory-essence-900: #332d22;
--color-ivory-essence-950: #1f1a11;
}SCSS
$ivory-essence: #e7d8bc;
$ivory-essence-rgb: 231, 216, 188;
$ivory-essence-light: mix(#fff, $ivory-essence, 20%);
$ivory-essence-dark: mix(#000, $ivory-essence, 20%);
.element {
color: $ivory-essence;
box-shadow: 0 0 0 2px rgba($ivory-essence, 0.35);
}