Benannte Farbe · #E4CEAC
Ivoire
Ivoire ist #E4CEAC: rgb(228 206 172), hsl(36 51% 78%), oklch(0.861 0.051 78.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Ivoire color name →
#E4CEAC
oklch(0.861 0.051 78.7)
Farbumrechnungen
- HEX
- #e4ceac
- RGB
- rgb(228 206 172)
- HSL
- hsl(36 51% 78%)
- HWB
- hwb(36 67% 11%)
- OKLCH
- oklch(0.861 0.051 78.7)
- OKLab
- oklab(0.861 0.01 0.05)
- CIE Lab
- lab(83.97 4.11 19.93)
- LCH
- lch(83.97 20.35 78.4)
- CMYK
- cmyk(0% 10% 25% 11%)
Tints · Shades · Tones
Tints
- E7D3B4
- E9D8BD
- ECDDC5
- EFE2CD
- F2E6D5
- F4EBDE
- F7F0E6
- FAF5EE
- FCFAF7
Shades
- C6B395
- A9987F
- 8D7F69
- 726654
- 584E40
- 3F382D
- 28231B
- 120F0B
- 030201
Tones
- DAC6A8
- CFBEA3
- C5B69F
- BBAE9B
- B1A696
- A79F92
- 9D978D
- 938F89
- 8A8884
Farbharmonien
Komplementär +180°
- E4CEAC
Ivoire
- BDD3F4
≈ Summer Birthday
Analog -30° +30°
- E4CEAC
Ivoire
- EFC8B4
≈ Everblooming
- D4D5AE
≈ Green Mesh
Triadisch +120° +240°
- E4CEAC
Ivoire
- AADCDE
≈ Beachside Drive
- E0C7E7
≈ Syrian Violet
Geteilt komplementär +150° +210°
- E4CEAC
Ivoire
- AFD9ED
≈ Blue Feather
- CFCDF2
≈ Miami White
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.53:1 · APCA Lc 25
Ag
AAAAuf Schwarz
WCAG 13.72:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--ivoire: #e4ceac;
--ivoire-rgb: 228 206 172;
--ivoire-oklch: oklch(0.861 0.051 78.7);
}
.element {
color: var(--ivoire);
background-color: hsl(36 51% 78%);
border-color: oklch(0.861 0.051 78.7);
}Tailwind CSS v4
@theme {
--color-ivoire: #e4ceac;
--color-ivoire-50: #fdf4e5;
--color-ivoire-100: #f1e6d5;
--color-ivoire-200: #e0d2bc;
--color-ivoire-300: #c5b59a;
--color-ivoire-400: #af9b7c;
--color-ivoire-500: #99825f;
--color-ivoire-600: #816e51;
--color-ivoire-700: #685840;
--color-ivoire-800: #4d402e;
--color-ivoire-900: #352c1f;
--color-ivoire-950: #20190f;
}SCSS
$ivoire: #e4ceac;
$ivoire-rgb: 228, 206, 172;
$ivoire-light: mix(#fff, $ivoire, 20%);
$ivoire-dark: mix(#000, $ivoire, 20%);
.element {
color: $ivoire;
box-shadow: 0 0 0 2px rgba($ivoire, 0.35);
}