Benoemde kleur · #E2E1D6
Reserved Beige
Reserved Beige is #E2E1D6: rgb(226 225 214), hsl(55 17% 86%), oklch(0.907 0.015 102.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Reserved Beige color name →
#E2E1D6
oklch(0.907 0.015 102.5)
Kleurconversies
- HEX
- #e2e1d6
- RGB
- rgb(226 225 214)
- HSL
- hsl(55 17% 86%)
- HWB
- hwb(55 84% 11%)
- OKLCH
- oklch(0.907 0.015 102.5)
- OKLab
- oklab(0.907 -0.003 0.014)
- CIE Lab
- lab(89.38 -1.08 5.53)
- LCH
- lch(89.38 5.63 101)
- CMYK
- cmyk(0% 0% 5% 11%)
Tinten · Schaduwen · Tonen
Tinten
- E5E4DA
- E8E7DE
- EBEAE2
- EEEDE6
- F0F0EA
- F3F3EE
- F6F6F3
- F9F9F7
- FCFCFB
Schaduwen
- C4C4BA
- A8A79E
- 8C8B84
- 71706A
- 575652
- 3E3E3B
- 272725
- 121210
- 030202
Tonen
- D8D7CD
- CECDC4
- C4C3BB
- BAB9B3
- B0AFAA
- A6A6A1
- 9C9C99
- 939391
- 898988
Kleurharmonieën
Complementair +180°
- E2E1D6
Reserved Beige
- DFDFEA
≈ Timid Purple
Analoog -30° +30°
- E2E1D6
Reserved Beige
- E7DFD6
≈ Pale Cashmere
- DDE3D9
≈ Wishy-Washy Mint
Triadisch +120° +240°
- E2E1D6
Reserved Beige
- D6E3E8
≈ Bare Mintimum
- E8DDE3
≈ Diluted Red
Gesplitst complementair +150° +210°
- E2E1D6
Reserved Beige
- DAE1EA
≈ Star Map
- E4DEE8
≈ Pale Muse
Tetradisch +90° +180° +270°
- E2E1D6
Reserved Beige
- D6E4E3
≈ Cirrus Blue
- DFDFEA
≈ Timid Purple
- EADDDE
≈ Pink Posey
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.31:1 · APCA Lc 16
Ag
AAAOp zwart
WCAG 15.97:1 · APCA Lc 88
Beste tekstkleur: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Codefragmenten
CSS
:root {
--reserved-beige: #e2e1d6;
--reserved-beige-rgb: 226 225 214;
--reserved-beige-oklch: oklch(0.907 0.015 102.5);
}
.element {
color: var(--reserved-beige);
background-color: hsl(55 17% 86%);
border-color: oklch(0.907 0.015 102.5);
}Tailwind CSS v4
@theme {
--color-reserved-beige: #e2e1d6;
--color-reserved-beige-50: #f6f5f1;
--color-reserved-beige-100: #e8e8e3;
--color-reserved-beige-200: #d5d5ce;
--color-reserved-beige-300: #b8b8af;
--color-reserved-beige-400: #a09f95;
--color-reserved-beige-500: #88877c;
--color-reserved-beige-600: #737269;
--color-reserved-beige-700: #5c5b54;
--color-reserved-beige-800: #43433d;
--color-reserved-beige-900: #2f2e2a;
--color-reserved-beige-950: #1b1b17;
}SCSS
$reserved-beige: #e2e1d6;
$reserved-beige-rgb: 226, 225, 214;
$reserved-beige-light: mix(#fff, $reserved-beige, 20%);
$reserved-beige-dark: mix(#000, $reserved-beige, 20%);
.element {
color: $reserved-beige;
box-shadow: 0 0 0 2px rgba($reserved-beige, 0.35);
}