Benannte Farbe · #E5E1CE
Au Natural
Au Natural ist #E5E1CE: rgb(229 225 206), hsl(50 31% 85%), oklch(0.908 0.026 97.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Au Natural color name →
#E5E1CE
oklch(0.908 0.026 97.1)
Farbumrechnungen
- HEX
- #e5e1ce
- RGB
- rgb(229 225 206)
- HSL
- hsl(50 31% 85%)
- HWB
- hwb(50 81% 10%)
- OKLCH
- oklch(0.908 0.026 97.1)
- OKLab
- oklab(0.908 -0.003 0.026)
- CIE Lab
- lab(89.46 -0.99 9.84)
- LCH
- lch(89.46 9.89 95.7)
- CMYK
- cmyk(0% 2% 10% 10%)
Tints · Shades · Tones
Tints
- E8E4D3
- EAE7D8
- EDEADD
- EFEDE1
- F2F0E6
- F5F3EB
- F7F6F0
- FAF9F5
- FCFCFA
Shades
- C7C4B3
- AAA798
- 8E8B7F
- 727066
- 58564E
- 3F3E38
- 282723
- 12120F
- 030202
Tones
- DAD7C6
- D0CDBE
- C6C3B6
- BBB9AE
- B1AFA6
- A7A69E
- 9D9C97
- 93938F
- 8A8988
Farbharmonien
Komplementär +180°
- E5E1CE
Au Natural
- DCDFF2
≈ Lower Lavender
Analog -30° +30°
- E5E1CE
Au Natural
- EDDECF
≈ Natural Linen
- DCE4D2
≈ Light Issey-San
Triadisch +120° +240°
- E5E1CE
Au Natural
- CFE5EC
≈ Northwind
- EDDAE7
≈ Mountain Heather
Geteilt komplementär +150° +210°
- E5E1CE
Au Natural
- D4E3F1
≈ Wind Force
- E5DCEE
≈ Princess Fairy Tale
Tetradisch +90° +180° +270°
- E5E1CE
Au Natural
- CEE6E3
≈ Ice Dagger
- DCDFF2
≈ Lower Lavender
- F1DADD
≈ Funhouse
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.31:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 15.99:1 · APCA Lc 88
Beste Textfarbe: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--au-natural: #e5e1ce;
--au-natural-rgb: 229 225 206;
--au-natural-oklch: oklch(0.908 0.026 97.1);
}
.element {
color: var(--au-natural);
background-color: hsl(50 31% 85%);
border-color: oklch(0.908 0.026 97.1);
}Tailwind CSS v4
@theme {
--color-au-natural: #e5e1ce;
--color-au-natural-50: #f7f5ed;
--color-au-natural-100: #eae8df;
--color-au-natural-200: #d7d5c8;
--color-au-natural-300: #bab8a9;
--color-au-natural-400: #a29f8e;
--color-au-natural-500: #8b8773;
--color-au-natural-600: #757262;
--color-au-natural-700: #5e5b4e;
--color-au-natural-800: #454238;
--color-au-natural-900: #302e27;
--color-au-natural-950: #1c1b15;
}SCSS
$au-natural: #e5e1ce;
$au-natural-rgb: 229, 225, 206;
$au-natural-light: mix(#fff, $au-natural, 20%);
$au-natural-dark: mix(#000, $au-natural, 20%);
.element {
color: $au-natural;
box-shadow: 0 0 0 2px rgba($au-natural, 0.35);
}