Benannte Farbe · #EAE1C8
Pearl Lusta
Pearl Lusta ist #EAE1C8: rgb(234 225 200), hsl(44 45% 85%), oklch(0.91 0.035 90.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Pearl Lusta color name →
#EAE1C8
oklch(0.91 0.035 90.5)
Farbumrechnungen
- HEX
- #eae1c8
- RGB
- rgb(234 225 200)
- HSL
- hsl(44 45% 85%)
- HWB
- hwb(44 78% 8%)
- OKLCH
- oklch(0.91 0.035 90.5)
- OKLab
- oklab(0.91 0 0.035)
- CIE Lab
- lab(89.76 0.13 13.44)
- LCH
- lch(89.76 13.44 89.4)
- CMYK
- cmyk(0% 4% 15% 8%)
Tints · Shades · Tones
Tints
- ECE4CD
- EEE7D3
- F0EAD8
- F2EDDE
- F4F0E3
- F7F3E9
- F9F6EE
- FBF9F4
- FDFCF9
Shades
- CBC4AE
- AEA794
- 918B7B
- 757063
- 5A564C
- 413E36
- 292721
- 13120F
- 030202
Tones
- DFD7C1
- D4CDB9
- C9C3B2
- BEB9AB
- B4AFA3
- A9A69C
- 9F9C95
- 94938E
- 8A8987
Farbharmonien
Komplementär +180°
- EAE1C8
Pearl Lusta
- D8E1F9
≈ Aquarelle Purple
Analog -30° +30°
- EAE1C8
Pearl Lusta
- F3DDCB
≈ Peachtree
- DEE5CC
≈ Misty Hillside
Triadisch +120° +240°
- EAE1C8
Pearl Lusta
- C8E8EE
≈ Niagara Mist
- F0DAEC
≈ Maiden of the Mist
Geteilt komplementär +150° +210°
- EAE1C8
Pearl Lusta
- CEE5F7
≈ New Heights
- E5DDF6
≈ Lingering Lilac
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.10:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.10:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--pearl-lusta: #eae1c8;
--pearl-lusta-rgb: 234 225 200;
--pearl-lusta-oklch: oklch(0.91 0.035 90.5);
}
.element {
color: var(--pearl-lusta);
background-color: hsl(44 45% 85%);
border-color: oklch(0.91 0.035 90.5);
}Tailwind CSS v4
@theme {
--color-pearl-lusta: #eae1c8;
--color-pearl-lusta-50: #f8f5ea;
--color-pearl-lusta-100: #ece8db;
--color-pearl-lusta-200: #d9d4c4;
--color-pearl-lusta-300: #bdb7a4;
--color-pearl-lusta-400: #a69e88;
--color-pearl-lusta-500: #8f866c;
--color-pearl-lusta-600: #79715c;
--color-pearl-lusta-700: #615a49;
--color-pearl-lusta-800: #474235;
--color-pearl-lusta-900: #312d24;
--color-pearl-lusta-950: #1d1a13;
}SCSS
$pearl-lusta: #eae1c8;
$pearl-lusta-rgb: 234, 225, 200;
$pearl-lusta-light: mix(#fff, $pearl-lusta, 20%);
$pearl-lusta-dark: mix(#000, $pearl-lusta, 20%);
.element {
color: $pearl-lusta;
box-shadow: 0 0 0 2px rgba($pearl-lusta, 0.35);
}