Benoemde kleur · #EAE6DC
Elk Skin
Elk Skin is #EAE6DC: rgb(234 230 220), hsl(43 25% 89%), oklch(0.925 0.014 88.7). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Gray mean? → · Elk Skin color name →
#EAE6DC
oklch(0.925 0.014 88.7)
Kleurconversies
- HEX
- #eae6dc
- RGB
- rgb(234 230 220)
- HSL
- hsl(43 25% 89%)
- HWB
- hwb(43 86% 8%)
- OKLCH
- oklch(0.925 0.014 88.7)
- OKLab
- oklab(0.925 0 0.014)
- CIE Lab
- lab(91.4 0.12 5.39)
- LCH
- lch(91.4 5.39 88.8)
- CMYK
- cmyk(0% 2% 6% 8%)
Tinten · Schaduwen · Tonen
Tinten
- ECE8DF
- EEEBE3
- F0EDE6
- F2F0EA
- F4F2ED
- F7F5F1
- F9F7F4
- FBFAF8
- FDFCFB
Schaduwen
- CBC8BF
- AEABA3
- 918E88
- 75736E
- 5A5954
- 41403C
- 292826
- 131311
- 030302
Tonen
- DFDBD2
- D4D1C9
- C9C6BF
- BEBCB6
- B4B2AD
- A9A7A4
- 9F9D9B
- 949492
- 8A8A89
Kleurharmonieën
Complementair +180°
- EAE6DC
Elk Skin
- E2E6F0
≈ Mayon Mist
Analoog -30° +30°
- EAE6DC
Elk Skin
- EEE4DD
≈ Soft Feather
- E5E8DD
≈ Minified Moss
Triadisch +120° +240°
- EAE6DC
Elk Skin
- DCE9EB
≈ Wave Crest
- ECE3EB
≈ Calm Tint
Gesplitst complementair +150° +210°
- EAE6DC
Elk Skin
- DEE8EF
≈ Moby Dick
- E7E4EF
≈ Modest Violet
Tetradisch +90° +180° +270°
- EAE6DC
Elk Skin
- DDEAE6
≈ Fresh Day
- E2E6F0
≈ Mayon Mist
- EFE3E6
≈ Dulcet Pink
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.24:1 · APCA Lc 12
Ag
AAAOp zwart
WCAG 16.85:1 · APCA Lc 92
Beste tekstkleur: #000000
WCAG 16.85:1 (AAA) · APCA Lc 92
Contrast pairs
Codefragmenten
CSS
:root {
--elk-skin: #eae6dc;
--elk-skin-rgb: 234 230 220;
--elk-skin-oklch: oklch(0.925 0.014 88.7);
}
.element {
color: var(--elk-skin);
background-color: hsl(43 25% 89%);
border-color: oklch(0.925 0.014 88.7);
}Tailwind CSS v4
@theme {
--color-elk-skin: #eae6dc;
--color-elk-skin-50: #f6f5f1;
--color-elk-skin-100: #e9e8e3;
--color-elk-skin-200: #d6d4ce;
--color-elk-skin-300: #bab7af;
--color-elk-skin-400: #a29e95;
--color-elk-skin-500: #8a867c;
--color-elk-skin-600: #757169;
--color-elk-skin-700: #5d5b54;
--color-elk-skin-800: #44423d;
--color-elk-skin-900: #2f2e2a;
--color-elk-skin-950: #1c1a17;
}SCSS
$elk-skin: #eae6dc;
$elk-skin-rgb: 234, 230, 220;
$elk-skin-light: mix(#fff, $elk-skin, 20%);
$elk-skin-dark: mix(#000, $elk-skin, 20%);
.element {
color: $elk-skin;
box-shadow: 0 0 0 2px rgba($elk-skin, 0.35);
}