Nazwany kolor · #E5E1CE
Au Natural
Au Natural to #E5E1CE: rgb(229 225 206), hsl(50 31% 85%), oklch(0.908 0.026 97.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Au Natural color name →
#E5E1CE
oklch(0.908 0.026 97.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8E4D3
- EAE7D8
- EDEADD
- EFEDE1
- F2F0E6
- F5F3EB
- F7F6F0
- FAF9F5
- FCFCFA
Odcienie ciemniejsze
- C7C4B3
- AAA798
- 8E8B7F
- 727066
- 58564E
- 3F3E38
- 282723
- 12120F
- 030202
Tony
- DAD7C6
- D0CDBE
- C6C3B6
- BBB9AE
- B1AFA6
- A7A69E
- 9D9C97
- 93938F
- 8A8988
Harmonie kolorów
Komplementarna +180°
- E5E1CE
Au Natural
- DCDFF2
≈ Lower Lavender
Analogowa -30° +30°
- E5E1CE
Au Natural
- EDDECF
≈ Natural Linen
- DCE4D2
≈ Light Issey-San
Triada +120° +240°
- E5E1CE
Au Natural
- CFE5EC
≈ Northwind
- EDDAE7
≈ Mountain Heather
Komplementarna rozszczepiona +150° +210°
- E5E1CE
Au Natural
- D4E3F1
≈ Wind Force
- E5DCEE
≈ Princess Fairy Tale
Tetrada +90° +180° +270°
- E5E1CE
Au Natural
- CEE6E3
≈ Ice Dagger
- DCDFF2
≈ Lower Lavender
- F1DADD
≈ Funhouse
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 15.99:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.99:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}